/*****************************************************************************
 * GENERICS
 *****************************************************************************/
.pseudoLink { text-decoration: underline; cursor: pointer; color: #00b; }
.clearance { height: 1px; clear: both; }

/*****************************************************************************
 * TRIAL SETTINGS
 *****************************************************************************/
#options table { margin: 10px auto; font-size: x-small; }
#options td.label { text-align: right; }
#options td { vertical-align: middle; }
td#options { text-align: center; font-weight: bold; }

#urlForm { margin: 0 auto; }
#urlForm #startShadow { visibility: hidden; }
#urlForm input { font-size: 20px; margin: 0 5px; text-align: center; }

#record #info { float: left; width: 61%; padding-left: 10px; }
#record #site { height: 600px; margin-bottom: 20px; }

#record #browserIcons { margin: 10px 0; display: block; }

#record #info #whats { width: 70%; margin: 1em auto; }
#record #info #whats strong { text-align: center; }
#record ul { list-style-image: url(../images/bullet.png); }
#record ul, #record ol { text-align: left; margin-top: 0; }
#record li { margin-bottom: 3px; }
#record ol { margin-right: 30px; }
a#bookmarklet { display: block; float: right; margin: 10px 10px; }

#record #site { float: right; width: 37%; position: relative; margin-right: 10px; }
#record iframe { width: 100%; height: 100%; border: 1px solid black; overflow: hidden; }
#record #site #cover { position: absolute; background-image: url(../images/blackcheckerboard.gif); background-color: #333; background-repeat: both;
							         width: 100%; height: 100%; top: 1px; left: 1px; opacity: 0.7; filter:alpha(opacity=70);
							         z-index: 1; cursor: pointer; }
							         
#record #loadingPopup { position: absolute; width: 100%; height: 500px; line-height: 40px; top: 150px; left: 0; z-index: 8888; text-align: center;
  color: red; font-size: 500%; opacity: 0.4; filter:alpha(opacity=40);
  -webkit-text-stroke: 1px solid black; -webkit-text-fill-color: red; }

#record #callPopup { position: absolute; background: #eee; border: 3px solid #700; width: 50%; height: 100px; top: 250px; left: 25%; z-index: 2; }
#record #callPopup #loadedIn { font-style: italic; }
#record #callPopup #lastDuration { position: absolute; width: 100%; line-height: 35px; left: 0; top: 30px; font-size: 300%; }
#record #callPopup #countdown, #record #callPopup #finished { position: absolute; width: 100%; left: 0; bottom: 10px; text-align: center; font-style: italic; }

#record #browserIcons { margin: 10px 0; display: block; }

/*****************************************************************************
 * STATS ZONE
 *****************************************************************************/
/* centering floats - http://www.cssplay.co.uk/menus/centered.html */
#statsZone { float: left; width: 100%; }
#statsZoneInner { position: relative; left: 50%; float: left; margin: 0 auto; }
.stats { float: left; position: relative; right: 50%; border: 2px solid black; padding: 5px 0 30px 0; margin: 20px 10px; width: 200px; 
         -moz-border-radius: 8px; -webkit-border-radius: 6px; opacity: 0.15; }
.stats .averageDuration { font-size: 600%; margin-top: 20px; }

/*****************************************************************************
 * SAVER
 *****************************************************************************/
#saver #options { margin: 5px 0 5px 5px; text-align: left; }
#saver .option { opacity: 0.4; color: #00b; margin: 0 10px 0 0; cursor: pointer; }
#saver .option.selected { opacity: 1; }
#nyroModalFull { z-index: 99999; }
.htmlStore { display: none; }
#saver .pseudolink { margin-right: 10px; }
#saver h3 { font-weight: normal; font-size: 12px; color: black; }

/*****************************************************************************
 * ANALYSIS
 *****************************************************************************/
/* #analysis { background: #ffe; padding: 1em 0.3em; border-radius: 5px; margin: 1em; text-align: center; } */
#analysis { margin: 2em 1em 1em; display: none; }
#analysisChoice { display: block; margin: 0 auto; text-align: center; }
.analysisView { display: none; margin: 0 auto; width: 400px; margin-top: 1em; text-align: left; }
#rawView { min-width: 400px; _width: 400px; height: 250px; display: none; }
#tableView { width: 400px; margin: 0 auto; }

#graphContainer { width: 400px; height: 250px; }
#reloadGraph { margin: 0 auto auto 25px; }
/* #urlCell { max-width: 150px; width: 150px; } */

/*****************************************************************************
 * GENERAL INFO AND BOOKMARKLET/ADDTHIS
 *****************************************************************************/
#bookmarklet { background-color: #ff44ff; padding: 2px; border: 1px solid #ff00ff; text-decoration: none; font-weight: bold; color: white; cursor: move; }

/*****************************************************************************
 * SITE FRAME
 *****************************************************************************/
#pause { display: none; /* until pause is restored! */ cursor: pointer; width: 16px; height: 16px; border: 0; background-image: url(../images/pause.png); }
#pausedNotice { color: red; text-decoration: blink; }
.secsUnit, #secsUnit, #secsUnitShadow { font-size: 50%; font-weight: normal; }
#secsUnitShadow { visibility: hidden; }

/*****************************************************************************
 * INITIAL SESSION
 *****************************************************************************/
#initialSessionJSON { display: none; }
#initialSessionData { margin-right: 10em; }
#initialSessionInfo { margin: 0 auto 1.5em; width: 50em; background: #ff9; border: 1px solid #bb0; box-shadow: 10px 10px 5px #888; -webkit-box-shadow: 10px 10px 5px #888; -moz-box-shadow: 10px 10px 5px #888; text-align: center; font-size: x-small; padding: 1em; }
#initialSessionExplanation { font-style: italic; }
#initialSessionAction { }
#reBenchmark { background-color: #f88; border: 1px solid #faa; color: #800; padding: 0.3em; float: right; margin-left: 2em; text-align: center; cursor: pointer; text-align: center; 
   background-image: -moz-linear-gradient(top, #ff8888, #ffdddd); /* FF3.6 */
   background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ff8888),color-stop(1, #ffdddd)); /* Saf4+, Chrome */
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8888', endColorstr='#ffdddd'); /* IE6,IE7 */
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8888', endColorstr='#ffdddd')"; /* IE8 */
 }
#orStart { font-size: x-small; float: right; }
#orStart { clear: both; display: block; }

#saveZone { display: none; }
#saveNow  { background: #fdf; padding: 5px; }

#newSession { overflow: hidden; padding: 0.5em; }
#updatePrompt { margin: 1em 0; font-style: italic; }
#colorbox, #colorbox * { overflow: visible; }
#newSessionForm textarea, #newSessionForm input { width: 80%;}
#newSessionForm textarea, #newSessionForm input { width: 80%;}

#newSessionForm #browserFields input { width: 10em; }
#browser { text-align: right; }
#browserVersion { width: 3em; }