/*resets*/
*{margin:0; padding:0;}
a img{border:0;}

/*generic*/
body{background-color:#eeeeee; color:#5a5d59; font-family:arial, sans-serif; font-size:13px;}
p{margin-top:1em; line-height:1.35em;}
p.reverse{margin-bottom:1em; margin-top:0;}
p.none{margin:0;}
a{color:#337DA5; text-decoration:none;}
a:hover{text-decoration:underline;}
h1{font-size:18px;}
h2{font-size:12px; font-weight:bold; text-transform:uppercase;}
h4{margin-top:1em; font-size:13px;}

/*reuse*/
.bubble{border:1px solid #dcdcdc; background-color:#fff; margin-bottom:10px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.bubble .inner{padding:20px;}

.navbar{ -webkit-border-radius:5px; -moz-border-radius:5px; }
.navbar ul{list-style-type:none; margin:0 10px 0 15px;}
.navbar ul li{float:left; text-align:center; }
.navbar ul li:last-child a, .navbar ul li.last a,
.navbar ul li:last-child span, .navbar ul li.last span{background-image:none !important;}
.navbar ul li a, .navbar ul li span{ font-weight:bold; text-decoration:none; display:block; padding:10px 15px 10px 10px; background-repeat:no-repeat; background-position:right center;}
.navbar ul li span{ padding-top:8px; }
.navbar ul li a.username{display:inline; padding:0;}

.cols3{width:790px;}
.cols3 .col3{float:left; width:230px; margin-right:50px;}
.cols3 .col3.last{margin-right:0;}

a.button.subscribe{background-color:#6788e1; color:#fff; font-family:'Arial Rounded MT Bold'; font-size:16px; padding:10px 0; border:1px solid #314c93; text-shadow:#314c93 0 -1px 0; -webkit-border-radius:5px; -moz-border-radius:5px; }
a.button.subscribe span{padding-left:10px; font-size:13px; color:#314c93; text-shadow:#94acea 0 1px 0;}
a.button.subscribe:hover{background-color:#5370d9;}

.controls{color:#222; text-shadow:#dee3ea 0 1px 0; background-image:url(../img/noise.png); -webkit-border-radius:3px; -moz-border-radius:3px; border-bottom:1px solid #8a95a3; border-right:1px solid #8a95a3; border-top:1px solid #ACB5C1; border-left:1px solid #ACB5C1;}
.controls a{color:#2C4C93;}
.controls h2{border-bottom:1px solid #adb5c1; color:#505966; text-shadow:#dee3ea 0 1px 0; padding-bottom:5px; margin-bottom:10px;}
.controls.can_toggle h2{cursor:pointer;}
.controls .field{margin-top:20px;}

.controls.can_toggle h2{border-bottom:none; margin-bottom:0; padding-bottom:0; padding-left:14px; background-image:url(../img/disclosure.gif); background-repeat:no-repeat; background-position:-2px -18px;}
.controls.can_toggle.open h2{background-position:0 4px; border-bottom:1px solid #ADB5C1; margin-bottom:10px; padding-bottom:10px;}
.controls.light.can_toggle h2{border-bottom:none;}
.controls.light.can_toggle.open h2{border-bottom:1px solid #dcdcdc;}
.controls.light a.button{background-color:#cbd3e8; border:1px solid #b2c1c9; color:#4363B3; text-shadow:none; font-weight:normal; -webkit-transition:all .2s linear;}
.controls.light a.button:hover{background-color:#a7b8e1;}
.controls.light a.button:active{background-color:#88a1dc;}
/*.controls.light a.button.recycle { background-color: #b2c1c9; }
.controls.light a.button.recycle:hover { background-color: #7A94D1; }
*/

.recycle_notification { font-weight: bold; background-color:#fff; padding:5px; -webkit-border-radius:5px; -moz-border-radius:5px;  color: #5A5D59; text-shadow:none; text-align: center; margin-top: 10px; }

.yt_notification { font-weight: bold; background-color:#fff; padding:5px; -webkit-border-radius:5px; -moz-border-radius:5px;  color: #5A5D59; text-shadow:none; text-align: center; margin-top: 10px; }


.controls.light{background-color:#eee; background-image:none; border:1px solid #dcdcdc;}
.controls.light h2{color:#5A5D59; text-shadow:none; border-bottom:1px solid #DCDCDC;} 

label.checkbox{margin-left:7px;}
a.button,
input.button{outline:none; cursor:pointer; text-shadow:#313233 0 -1px 0; border:1px solid #313233; -webkit-border-radius:3px; -moz-border-radius:3px; display:block; background:#3a3f46 url(../img/control_button_fade.png) repeat-x top left; padding:5px 0; text-align:center; font-weight:bold; text-decoration:none; color:#fff;}
a.button:hover,
input.button:hover{background-color:#212428;}
input.button{font-size:13px; font-family:arial;}
a.button.disabled{cursor:default; color:#aaa;}
a.button.disabled:hover{background-color:#3a3f46;}
.controls.light a.button.disabled{color:#b2c1c9;}
.controls.light a.button.disabled:hover{background-color:#cbd3e8;}

.two_up_buttons{}
.two_up_buttons .l{float:left; width:168px;}
.two_up_buttons .r{float:right; width:168px;}
.controls .two_up_buttons .l{float:left; width:158px;}
.controls .two_up_buttons .r{float:right; width:158px;}

ul.text{list-style-type:none; border-top:2px solid #99b4c9; border-bottom:2px solid #99b4c9; padding-top:15px; margin-top:10px; margin-bottom:20px;}
ul.text li{padding-bottom:15px; background-image:url(../img/bullet.png); background-repeat:no-repeat; background-position:left 5px; padding-left:15px;}

.controls .inset{background:#a0a9b5; border-bottom:1px solid #dee3ea; border-right:1px solid #dee3ea; border-top:1px solid #8a95a3; border-left:1px solid #8a95a3; padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px;}



/*template*/

#wrap{width:830px; margin:0 auto;}

/*header*/
#header{ border-top:none; margin-bottom:20px; -webkit-border-top-right-radius:0; -webkit-border-top-left-radius:0; -moz-border-radius-topleft:0; -moz-border-radius-topright:0;}
#header #logo{float:left; width:200px; margin:10px 0 10px 20px; }
#header #navigation{float:right; width:390px; margin-right:20px; }

/*navigation*/
#header #navigation #user_nav{background-color:#eeeeee; margin-bottom:10px; float:right; -webkit-border-top-right-radius:0; -webkit-border-top-left-radius:0; -moz-border-radius-topleft:0; -moz-border-radius-topright:0;}
#header #navigation #user_nav ul li a,
#header #navigation #user_nav ul li span{padding-top:8px; color:#688ce4; background-image:url(../img/user_nav_bullet.png);}
#header #navigation #user_nav ul li span{color:#5a5d59;}
#header #navigation #user_nav ul li a:hover{color:#4363b3;}
#header #navigation #user_nav ul li a.username{background-image:none;}
#header #navigation #user_nav ul li a span.free{font-size:10px; display:inline; padding-left:0; padding-right:0; color:#5fab91; }
#header #navigation #site_nav{float:right; clear:both; background-color:#5fab91; margin-bottom:10px; width:350px;}
#header #navigation #site_nav.big{width:425px;}
#header #navigation #site_nav ul li{}
#header #navigation #site_nav ul li a{text-shadow:#4f937c 0 -1px 0; font-size:16px; color:#E4FFF1; background-image:url(../img/site_nav_bullet.png);}
#header #navigation #site_nav ul li a:hover{color:#fff;}

/*canvas*/
#canvas{margin-bottom:20px; /*border-bottom:none; -webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0;*/}
#canvas img#home_tagline{margin-top:10px;}

/*alert bar*/
#alert_bar{font-size:18px; margin-bottom:20px; padding:10px; font-weight:bold; font-family:helvetica; background-color:#FEFFDA; border-color:Gold; }


/*video comparison module*/
#home_demo{width:828px; margin-top:20px; padding-top:20px; padding-bottom:20px; margin-left:-20px; background-color:#99b4c9;}
#home_demo #comparison_meta{float:left; width:190px; margin-left:20px;}
#home_demo #comparison_meta #comparison_description{height:110px; color:#fff; font-size:18px; line-height:22px; font-weight:bold; text-shadow:#6f95b3 0 1px 1px;}
#home_demo #comparison_meta #comparison_description p{margin-top:0;}
#home_demo #comparison_meta #more_examples{}
#home_demo #comparison_meta #more_examples h2{color:#333333; margin-bottom:10px;}
#home_demo #comparison_meta #more_examples ul{list-style-type:none;}
#home_demo #comparison_meta #more_examples ul li{}
#home_demo #comparison_meta #more_examples ul li a{outline:none; display:block; color:#336993; text-decoration:none; font-weight:bold; font-size:14px; padding:7px 10px; margin-bottom:10px; background:#c1d7e9 url(../img/play_indicator.png) no-repeat 190px center; -webkit-border-radius:5px; -moz-border-radius:5px; -webkit-transition:background .2s linear;}
#home_demo #comparison_meta #more_examples ul li a:hover{ background-color:#AFC5D6; }
#home_demo #comparison_meta #more_examples ul li a:active,
#home_demo #comparison_meta #more_examples ul li.active a{background:#336993 url(../img/play_indicator.png) no-repeat 167px center; color:#c1d7e9;}
#home_demo #video_comparison{float:right; width:550px; margin-right:20px;}
#home_demo #video_comparison #video_a,
#home_demo #video_comparison #video_b{}
#home_demo #video_comparison #video_a{float:left;}
#home_demo #video_comparison #video_b{float:right;}
#home_demo #video_comparison .video_length{color:#797979; background-color:#c1d7e9; padding:8px 10px; margin-top:10px; -webkit-border-radius:5px; -moz-border-radius:5px;}
#home_demo #video_comparison .video_length strong{color:#333333;}




/*product overview / buttons */
#product_overview{margin-top:40px;}
#product_overview p.intro{float:left; width:350px; font-size:16px; line-height:26px; color:#336993; margin-top:0;}
#product_overview #signup_buttons{float:right; width:390px;}
#product_overview #signup_buttons a#start_recording_button,
#product_overview #signup_buttons a#subscribe_button{display:block; width:390px; height:72px; background-repeat:no-repeat; text-indent:-9999px; outline:none;}
#product_overview #signup_buttons a#start_recording_button:hover,
#product_overview #signup_buttons a#subscribe_button:hover{background-position:0 -72px;}
#product_overview #signup_buttons a#subscribe_button{height:52px;}
#product_overview #signup_buttons a#subscribe_button:hover{background-position:0 -52px;}
#product_overview #signup_buttons a#start_recording_button{background-image:url(../img/start_recording_button.png);}
#product_overview #signup_buttons a#subscribe_button{background-image:url(../img/subscribe_button.png); margin-top:20px;}


/* for vertical table layout*/
#table_description{}
#table_description #comparison_table{float:right; width:390px;}
#table_description #comparison_table table{width:390px;}



/*plan comparison table*/
#comparison_table{margin-top:40px;}
#comparison_table table{-webkit-border-radius:5px; -moz-border-radius:5px;}
#comparison_table table tr{}
#comparison_table table tr td,
#comparison_table table tr th{border-bottom:1px solid #fff; font-size:11px; vertical-align:top; text-align:left; background-color:#eee; border-right:1px solid #fff; padding:10px;}
#comparison_table table tr th{text-align:right;}
#comparison_table table tr td{text-align:center;}
#comparison_table table tr td.time_available{font-style:italic;}
#comparison_table table tr td.check{background-image:url(../img/check.png); background-repeat:no-repeat; background-position:center center;}
#comparison_table table tr .empty{}
#comparison_table table tr .last{border-right:none;}
#comparison_table table tr.labels th{text-align:left; border-bottom:1px solid #fff; color:#555; font-size:14px;}
#comparison_table table tr td.free,
#comparison_table table tr th.free{border-bottom:1px solid #fff;  background-color:#b7eca0; color:#58754a;}
#comparison_table table tr td.premium,
#comparison_table table tr th.premium{border-bottom:1px solid #fff;  background-color:#e0effa; color:#576773;  }
#comparison_table table tr th.premium,
#comparison_table table tr th.free{text-align:center;}
#comparison_table table tr th.plan{background-color:#fff; border-top:1px solid #eee; border-left:1px solid #eee;}
#comparison_table table tr th.foot{background-color:#fff; text-align:center; font-weight:normal; font-style:italic; font-size:14px;}

/*product description*/
#product_description{margin-top:20px;}
#product_description h3{margin-bottom:-10px;}
#table_description #product_description{float:left; width:350px;}
#table_description #product_description div{margin-bottom:30px;}



/*record page*/

.mainclient { display:none; }

#recording_area{}
#recording_area #recording_viewer{width:350px; float:left;}
#recording_area #recording_viewer #recorder{background-color:#fff; width:350px; }
#recording_area #recording_viewer #recorder img{margin:0 auto; display:block;}

#recording_area #recording_viewer #stop_mute{ background-color:#aaa; padding:10px; }
#recording_area #recording_viewer #stop_mute a.button{ float:left; width:158px; }
#recording_area #recording_viewer #stop_mute a.stop{ margin-right:10px; }
#recording_area #recording_viewer #stop_mute a.mute{}

#recording_area.player_640{}
#recording_area.player_640 #player{}
#recording_area.player_640 #recording_actions{margin-top:457px;}



.stop_recording span{background-image:url(../img/stop_icon.png); background-repeat:no-repeat; padding-left:23px; background-position:top left; padding-top:2px;}
.start_recording span,
#channels a.start span{background-image:url(../img/record_icon.png); background-repeat:no-repeat; padding-left:23px; background-position:top left; padding-top:3px;}
.start_muting span{background-image:url(../img/mute_icon.png); background-repeat:no-repeat; padding-left:23px; background-position:top left; padding-top:2px;}
.stop_muting span{background-image:url(../img/unmute_icon.png); background-repeat:no-repeat; padding-left:23px; background-position:top left; padding-top:3px;}
#channels a.watch span{background-image:url(../img/play_icon.png); background-repeat:no-repeat; padding-left:23px; background-position:top left; padding-top:3px;}



#recording_area #recording_viewer #motion_alerts{ position:relative; padding:10px; margin-top:20px; }
#recording_area #recording_viewer #motion_alerts h2{}
#recording_area #recording_viewer #motion_alerts h2 span.state.on{ color:#0B991C; }
#recording_area #recording_viewer #motion_alerts h2 span.state.off{ color:#D21400; }
#recording_area #recording_viewer #motion_alerts h2 span.toggle a.button { position:absolute; top:5px; right:10px; font-size:10px; padding:2px; width:75px; }
#recording_area #recording_viewer #motion_alerts .field{width:163px; float:left; margin-top:10px;}
#recording_area #recording_viewer #motion_alerts .field select{width:70px;}
#recording_area #recording_viewer #motion_alerts #motion_detected{margin-top:20px;}
#recording_area #recording_viewer #motion_alerts #motion_detected{ margin-top:5px !important; text-align:center; height:40px; font-size:16px; font-weight:bold; color:#fff; text-shadow:none; text-transform:uppercase; }
#recording_area #recording_viewer #motion_alerts #motion_detected #motion_detected_text{display:none; text-shadow:#D6E4F3 0 0 3px;}
#recording_area #recording_viewer #motion_alerts #motion_detected #motion_detected_text_outside_limit{display:none; text-shadow:#D6E4F3 0 0 3px;}
#recording_area #recording_viewer #motion_alerts #motion_detected #motion_detected_text_test{display:none; text-shadow:#D6E4F3 0 0 3px;}
#recording_area #recording_viewer #motion_alerts #motion_detected #motion_detected_text #email_sent_text{display:none;}
#recording_area #recording_viewer #motion_alerts #motion_detected.on #motion_detected_text #email_sent_text{display:inline;}

#alert_console_wrap{background-color:#eee; padding:10px; margin-top:20px; -webkit-border-radius:5px; -moz-border-radius:5px; border:1px solid #dcdcdc;}
#alert_console_wrap p{margin-top:0; text-transform:uppercase; font-weight:bold; margin-bottom:3px;}
#alert_console{padding:5px; height:75px; overflow:auto; overflow-x:visible; overflow-y:scroll; border:1px solid #dcdcdc; color:#333; background-color:#fff;}
#alert_console .console_entry{padding:5px; border-bottom:1px solid #eee; font-family:courier; text-shadow:none;}

#recording_area #recording_actions{ width:350px; float:right; }
#recording_area #recording_actions{  }
ul.recording_boxes{ list-style-type:none; }
ul.recording_boxes li.controls{ padding:10px; margin-bottom:10px; }
ul.recording_boxes.instruction li{margin-bottom:30px; }

ul.recording_boxes li#recordings #previous_recordings{ margin-top:10px; }
ul.recording_boxes li#recordings #previous_recordings #latest_preview{float:left; width:170px; }
ul.recording_boxes li#recordings #previous_recordings #latest_preview img{border-bottom:1px solid #dee3ea; border-right:1px solid #dee3ea; border-top:1px solid #8a95a3; border-left:1px solid #8a95a3; }
.caption{ font-style:italic; font-size:11px; }
ul.recording_boxes li#recordings #previous_recordings #watch_recordings{ float:right; width:158px; }
ul.recording_boxes li#recordings #previous_recordings #watch_recordings a.button{ margin-top:10px; }
ul.recording_boxes li#subscribe{margin-top:20px; margin-bottom:20px;}

ul.recording_boxes li#share_recordings{}
ul.recording_boxes li#share_recordings .share_link_wrap{margin-top:5px; background-color:#fff; border:1px solid #aaa; margin-bottom:10px;}
ul.recording_boxes li#share_recordings .share_link_wrap input.text{border:none; background:transparent; padding:10px; width:300px;}

#recording_area #recording_actions #next_processing #remaining_now{ margin-top:10px; }
#recording_area #recording_actions #next_processing #countdown{ text-shadow:#c7d1df 0 1px 0, #fff 0 0 6px; width:145px; float:left; text-align:center; font-weight:bold; font-size:20px; color:#333333;}
#recording_area #recording_actions #next_processing #process_now{float:right; width:145px;}

/*initial*/
#initial_ads ul{margin-top:40px;}
/*
#initial_ads ul li#subscribe{float:left; margin-top:0;}
#initial_ads ul li#subscribe{width:210px;}
*/
#initial_ads ul li#webcam img{float:left;}



/*watch page*/

#recording_viewer h1.video_title{color:#333; margin-bottom:3px;}

#playback_buttons{margin-top:10px; position:relative;}
#playback_buttons .subscribe_label{padding-left:175px; padding-top:5px; font-size:11px;}
#playback_buttons a.show{margin-top:0;}
#playback_buttons a.delete{display:block; margin-top:10px; color:#D21400; cursor:pointer; position:absolute; top:-2px; right:10px;}
#playback_buttons a.delete:hover{ }

#recording_actions #now_playing h2 .now_playing{color:#363C45;}
#recording_actions #now_playing h1{color:#333; margin-top:3px}

.alert_mode_background { background-color: #FFCCCC; }

.toggle ol li { margin-left: 15px; }
.toggle ul li { margin-left: 15px; }




/*clip viewer*/
#clip_viewer{padding:10px; position:relative; margin-top:10px;}
#clip_viewer #animate_all{position:absolute; top:10px; right:10px;}
#clip_viewer ul{list-style-type:none; width:820px;}
#clip_viewer ul li{position:relative; float:left; width:160px; height:160px; margin-right:39px; margin-bottom:10px;}
#clip_viewer ul li img{border-bottom:1px solid #777; border-right:1px solid #777; border-top:1px solid #EBEBEB; border-left:1px solid #EBEBEB;}
#clip_viewer ul li .interestingness{height:5px; background-image:url(../img/ticks.png); border-bottom:1px solid #A6A6A6; background-position:2px bottom; background-repeat:repeat-x;}
#clip_viewer ul li .interestingness .interesting_fill{height:5px; background-image:url(../img/interesting_fill.png); background-repeat:no-repeat;}
#clip_viewer ul li .recording_title{font-style:italic; font-size:11px;}
#clip_viewer ul li.message{}
#clip_viewer ul li .now_playing{position:absolute; display:none; background-color:#0B991C; top:5px; left:5px; padding:3px 5px; font-size:11px; text-transform:uppercase; font-weight:bold; text-shadow:#007413 0 -1px 0; -webkit-box-shadow:#000 0 0 3px; -moz-box-shadow:#000 0 0 3px; color:#fff; }
#clip_viewer ul li.playing{}
#clip_viewer ul li.playing .now_playing{display:block;}
#clip_viewer ul li .error{position:absolute; background-color:#A52A2A; top:45px; left:5px; padding:3px 5px; font-size:11px; text-transform:uppercase; font-weight:bold; text-shadow:#007413 0 -1px 0; -webkit-box-shadow:#000 0 0 3px; -moz-box-shadow:#000 0 0 3px; color:#fff; }
#clip_viewer #next_prev{ border-top:1px solid #DCDCDC; padding-top:10px; }
#clip_viewer #next_prev a.next{float:right; width:160px;}
#clip_viewer #next_prev a.prev{float:left; width:160px;}

#clip_viewer ul li.message a.button{ height:120px; text-align:left; background-image:none; border:none; background-color:#fff; color:#337DA5; text-shadow:none;}
#clip_viewer ul li.message a.button span{ padding:10px; display:block; }
#clip_viewer ul li.message a.button:hover{ text-decoration:underline; }



/*channels page*/
#channels_page{margin-top:20px;}
#channels_page #channels{float:left; width:470px;}
#channels_page #channels ul{list-style-type:none; border-top:1px solid #dcdcdc;}
#channels_page #channels ul li.channel{border-bottom:1px solid #dcdcdc; padding:20px 0;}
#channels_page #channels ul li.channel h2{margin-bottom:10px;}
#channels_page #channels ul li.channel .latest_preview{float:left;}
#channels_page #channels ul li.channel .meta{float:right; width:270px;}
#channels_page #channels ul li.channel .meta a.button{width:150px;}
#channels_page #channels ul li.channel .meta a.button.start{margin-bottom:10px;}
#channels_page #channels ul li.channel .meta a.button.watch{margin-bottom:5px;}

#channels_page #account_info{width:230px; float:right; background-color:#eee; -webkit-border-radius:5px; -moz-border-radius:5px;}
#channels_page #account_info ul.channel_boxes{list-style-type:none;}
#channels_page #account_info ul li.channel_box{padding:10px;}
#channels_page #account_info ul li.channel_box h2{border-bottom:1px solid #dcdcdc; padding-bottom:5px; margin-bottom:10px;}
#channels_page #account_info ul li.channel_box ul{list-style-type:none; font-size:11px; background-color:#fff; padding:5px; padding-top:10px; -webkit-border-radius:5px; -moz-border-radius:5px;}
#channels_page #account_info ul li.channel_box ul li{margin-bottom:10px;}

.controls label { color: #888 };


/*reg page*/

#reg_sub{}
#reg_sub #marketing{float:left; width:390px;}
#reg_sub #regform{ padding:10px; border:4px solid #5FAB91; float:right; width:310px; -webkit-border-radius:5px; -moz-border-radius:5px;}
#reg_sub #regform form{padding:10px; position:relative;}
#subscribe_form{margin-left:0; margin-top:20px; padding:0 !important;}
#reg_sub #regform form h2{border-bottom:1px solid #dcdcdc; color:#333; padding-bottom:5px; margin-bottom:10px;}
#reg_sub #regform form ul{list-style-type:none;}
#reg_sub #regform form ul li{padding:10px 0; }
#reg_sub #regform form ul li label{display:block; color:#333; margin-bottom:2px; font-weight:bold;}
#reg_sub #regform form ul li input.text{padding:5px; font-size:13px; width:270px;}
#reg_sub #regform form ul li input#subscribe_submit{ background-image:url(../img/amazon_subscribe.gif); background-repeat:no-repeat; background-position:center center; background-color:#fff; width:100%; cursor:pointer; height:67px; border:1px solid #aaa; padding:10px; text-indent:-9999px; -webkit-border-radius:5px; -moz-border-radius:5px; }
#reg_sub #regform form ul li.submit{padding-bottom:0;} 
#reg_sub #regform form ul li.submit input.button{width:150px; float:right; background-color:#fff; padding:5px; border:1px solid #aaa;} 
#reg_sub #size_comparison{margin-top:10px;}

.subscribe_columns{}
.subscribe_columns .l, .subscribe_columns .r{width:370px;}
.subscribe_columns .r{float:right;}
.subscribe_columns .l{float:left;}

/*#subscribe_button_area{border:2px solid #99B4C9; padding:10px; margin-top:10px;}*/


/*#footer{background:#505050 url('../img/footer_fade.png') repeat-x top left; text-shadow:#747474 0 1px 0; color:#333; border:none; -webkit-border-top-right-radius:0; -webkit-border-top-left-radius:0; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; }*/
#footer
{
  border:none;
  background-color:#DCDCDC;
  margin-bottom:50px;
}

#footer h2{}
#footer h4{}
#footer a{}
#footer .footer_mod{float:left; width:150px; margin-right:10px;}
#footer #footer_contact{width:150px;}
#footer #footer_additional{width:150px;}
#footer #footer_additional a{display:block; margin-top:1em;}

#footer #footer_api{width:150px;}

#footer #technology_showcase{width:150px; margin-right:0; margin-left:40px;}
#footer #technology_showcase a{margin-top:10px; display:block;}


/* tech showcase */
#playlist {
            height: 170px;
            /*padding-top: 20px;*/
            vertical-align: middle;
            overflow-x: scroll;
            overflow-y: hidden;
            /*border-top: thin dotted;*/
        }

        .thumbnail img {
            height: 120px;
            width: 160px;
            border: thick solid white;
        }



/* clearfix */
* html .clearfix, * html #header, * html .navbar ul, * html #home_demo, * html #video_comparison, * html .cols3, * html .two_up_buttons{ height: 1%; overflow: visible; }
*+html .clearfix, *+html #header, *+html .navbar ul, *+html #home_demo, *+html #video_comparison, *+html .cols3, *+html .two_up_buttons{ min-height: 1%; }
.clearfix:after, #header:after, .navbar ul:after, #home_demo:after, #video_comparison:after, .cols3:after, .two_up_buttons:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; }

.hiddenplayer { height:0px; margin-bottom:280px; }


/* upload page */
.uploadarea { width:400px; margin: 0 auto; text-align:center; }
.uploadarea h1 { margin-bottom: 15px; }
.uploadarea #settings_linkarea { margin: 15px 0; }
.uploadarea #settingsdiv { display: none; margin-bottom: 15px; margin-top: 10px; padding: 10px; text-align: left; }
.uploadarea #settingsdiv #reminder_email { width: 80px; }
.uploadarea #settingsdiv #keep_percent_area { display:none; }
.uploadarea #settingsdiv #keep_percent { width: 30px; text-align: center; }
.uploadarea #settingsdiv #keep_seconds_area { display:none; }
.uploadarea #settingsdiv #keep_seconds { width: 30px; text-align: center; }

.uploadarea .uploadbtnarea { width: 400px; margin: 5px auto; }
.uploadarea a.button { background-color: #52CB42; border-color: #319A5A; font-size: 24px; text-shadow: 0 -1px 0 #313233, #fff 0 0 6px; }
.uploadarea a.button:hover { background-color: #39AE29; }
.uploadarea .uploadbtnarea a.disabled { background-color: #ccc !important; border-color: #aaa; }

.uploadarea .rounded-settings { border: thin solid #ccc; -moz-border-radius:8px; -webkit-border-radius:8px; }

.libraryarea { display: none; }

/* library */

.topbox { width: 500px; height: 320px; margin: 15px auto 0px; }
.previewcontainer { float: right; text-align: right; width: 350px; }

.uploadbar { width: 120px; float:left; }
.uploadbar .selectallbox { text-align: center; margin-top: 60px; width: 60px; }
.uploadbar .directions { }
.uploadbar #animateall { width: 100px; }
.uploadbar .buttons { margin-bottom: 20px; }
.uploadbar .buttons div { width: 100px; margin-top: 15px; }
.uploadbar .buttons div .render { width: 100px; background-color: orange; border-color: goldenrod; font-size: 16px; font-weight: bold; }
#videos .uploadbox { border: thin solid rgb(204, 204, 204); height: 83px; width: 500px; margin: 10px auto 0pt; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 15px 0px; }
#videos .uploadbox:hover { background-color: #eee; border-color: #444; }
#videos .uploadbox .selectbox { float: left; text-align: center; width: 60px; padding-top: 30px;}
#videos .uploadbox .thumbnailbox { float: left; margin-right:30px; width: 105px; height: 80px; background-color: rgb(204, 204, 204); }
#videos .uploadbox .infobox { }
#videos .uploadbox .actionbox { margin-top: 20px; }
#videos .uploadbox .actiongraph { display: none; position:absolute; z-index: 200; -moz-border-radius: 7px;  -webkit-border-radius: 7px; border: thin solid #bbb; background-color: #fff; padding: 2px; }
#videos .uploadbox .thumbnailbox img.thumb { height: 80px; width: 105px; border: thin solid #ccc; }
#videos .selectedBox { border-color:#0b0 !important; background-color:lightgreen; }
#videos .selectedBox:hover { background-color:chartreuse; }


.processingarea { display: none; width:600px; margin: 0 auto; text-align:center; }
.processingarea #indicators { font-size: 28px; font-weight: bold; color: #aaa; }
.processingarea #indicators .on { color: #444; }
.processingarea #indicators .working { background: url(/site_media/spinning_throbber.gif) no-repeat center right; }
.processingarea #indicators td { padding: 15px; padding-right: 20px;}

.finishedarea { display: none; width:500px; margin: 0 auto; text-align:center; }

.failedarea { display: none; width:500px; margin: 0 auto; text-align:center; }

.render_dialog { display: none; }