/* reset.css */

table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* rewrite BlueprintCSS styles */

h1
{
	font-size: 26px;
	font-family: Arial;
	font-weight: bold;
}

body 
{
	background:url(/images/site-master/header_bg.jpg) repeat-x #eff0f2;
	font-family: Arial, Verdana; 
	font-size:100%;
	color:#222;
	padding: 0 10px 0 10px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto; 
	margin-right: auto;	
	width: 99%;
	max-width: 1000px;
	min-width: 554px;
	line-height:1.4;	
}

a:link {color: #0066CC; text-decoration: underline; }
a:active {color: #0066CC; text-decoration: underline; }
a:visited {color: #0066CC; text-decoration: underline; }
a:hover {color: #DF7E00; text-decoration: underline; }

.ErrorMessage
{
	font-size: 18px; 
	padding: 10px; 
	background-color: Yellow;	
}

.howToSelected
{
	background-color: #FFF9D1;
	font-weight: bold;
}

.HomepageLargeLink
{
	font-size: 20px;
	padding: 5px;
	text-align: center;
}

.HomepageSuperLargeLink
{
	font-size: 24px;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}

.HomepageLargeImage
{
	padding: 5px 30px 20px 30px;
	text-align: center;
}

.BottomNavigation
{
	font-size: 11px;
	padding: 5px;
}

.SiteHeader
{
	/*background-repeat: repeat-x;
	background-image: url("/images/title_gradient5.jpg"); 
	background-position: bottom;*/
	padding: 3px 0 5px 0;
	border-bottom: solid 2px #C3D9FF;
}

.site-header-underline-image
{
	padding: 10px 0 0 5px;
}

.searchButton 
{
	vertical-align : bottom;
}

.main-navigation
{
	font-size: 16px; 
	font-weight: bold;
	padding: 0px 0 4px 0;
	width: auto;
}

.main-navigation-text
{
	padding: 5px 10px 5px 10px;
}

.main-navigation-text:link {color: #0066CC; text-decoration: none; }
.main-navigation-text:active {color: #0066CC; text-decoration: none; }
.main-navigation-text:visited {color: #0066CC; text-decoration: none; }
.main-navigation-text:hover {color: #DF7E00; background-color: #0066CC; text-decoration: none; }

.main-navigation-text-selected
{
	padding: 5px 15px 5px 15px;
	background-color: #0066CC;
}

.main-navigation-text-selected:link {color: #FFFFFF; text-decoration: none; }
.main-navigation-text-selected:active {color: #FFFFFF; text-decoration: none; }
.main-navigation-text-selected:visited {color: #FFFFFF; text-decoration: none; }
.main-navigation-text-selected:hover {color: #DF7E00; background-color: #0066CC; text-decoration: none; }

.upgrade-free-account:link {color: #EEEEEE; text-decoration: underline; }
.upgrade-free-account:active {color: #EEEEEE; text-decoration: underline; }
.upgrade-free-account:visited {color: #EEEEEE; text-decoration: underline; }
.upgrade-free-account:hover {color: #DF7E00; background-color: #0066CC; text-decoration: underline; }

.upgrade-free-account
{
	font-size: 12px;
	color: #DDDDFF;
}

.upgrade-free-account-text
{
	font-size: 12px;
	color: #DDDDFF;
}

.myaccount-tab-caption
{
	padding: 5px 5px 5px 15px;
}

.navigation-small
{
	font-size: 12px;
	font-weight: normal;
	padding: 0px 10px 0px 5px;
}

.navigation-small-rightborder
{
	border-right: dotted 1px #808080;
	color: #EEE;	
}

.navigation-small-panel
{
	height: 24px;
	padding-top: 1px;
}

.myaccount-navigator-left
{
	width: 135px; 
	height: 500px;
	float: left;
}

.myaccount-navigator-content
{
	margin-left: 135px; 
	padding-left: 45px;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	border-bottom: solid 2px #FFF;
	border-left: solid 2px #6397CC;
	padding-bottom: 40px;
	min-height: 500px;
}

.myaccount-navigator-content-inner
{
	width: 97%;
}

.watch-tab
{
	padding: 2px 0 2px 20px;
	border-left: solid 2px #FFFFFF;
	font-size: 18px;
}

.watch-tab a:link { text-decoration: none; }
.watch-tab a:active { text-decoration: none; }
.watch-tab a:visited { text-decoration: none; }

.watch-tab-selected
{
	padding: 2px 0 2px 20px;
	border-top: solid 2px #6397CC;
	border-left: solid 2px #6397CC;
	border-bottom: solid 2px #6397CC;
	background: #6397CC;
	color: #FFF;
	font-size: 18px;
}

.watch-tab-selected a:link { text-decoration: none; color: #FFF; }
.watch-tab-selected a:active { text-decoration: none; color: #FFF; }
.watch-tab-selected a:visited { text-decoration: none; color: #FFF; }

.watch-tab-camera
{
	padding: 0px 0 0px 35px;
	border-left: solid 2px #FFFFFF;
	font-size: 14px;
}

.watch-tab-camera a:link { text-decoration: none; }
.watch-tab-camera a:active { text-decoration: none; }
.watch-tab-camera a:visited { text-decoration: none; }

.watch-tab-camera-selected
{
	padding: 0px 0 0px 35px;
	border-top: solid 2px #6397CC;
	border-left: solid 2px #6397CC;
	border-bottom: solid 2px #6397CC;
	background: #6397CC;
	color: #FFF;
	font-size: 14px;
}

.watch-tab-camera-selected a:link { text-decoration: none; color: #FFF; }
.watch-tab-camera-selected a:active { text-decoration: none; color: #FFF; }
.watch-tab-camera-selected a:visited { text-decoration: none; color: #FFF; }

.watch-section
{
}

.watch-section-label
{
	font-size: 18px;
	color: #444;
	padding: 10px 0 2px 15px;
	border-bottom: dotted 1px #808080;
}

.watch-section-label-first
{
	font-size: 18px;
	color: #444;
	padding: 0px 0 2px 15px;
	border-bottom: dotted 1px #808080;
}

.MyAccountTabSelected
{
	text-decoration: none;
	font-weight: bold;
	color: Black;
	background-color: #C3D9FF;
}

.small-checkbox
{
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Verdana;
}

.columnleft 
{
	float: left;
}

.columnright
{
	float: right;
}

.columns 
{
	overflow: hidden;
}

.clearfloat,
.last
{
	clear: both;
}

.debug-red
{
	border: dotted 1px red;
}

.debug-green
{
	border: dotted 1px green;
}

.debug-blue
{
	border: dotted 1px blue;
}

.padleft20,
.padleft { 	padding-left: 20px; }

.padleft10 { padding-left: 10px; }

.padbottom { padding-bottom: 5px; }

.thumbs
{
}

.thumb-outer
{
	width: 190px;
}

.thumb-inner
{
	margin-right: 30px;
}

.thumb-title
{
	font-size: 12px;
	font-weight: bold;
	padding-top: 10px;
	height: 20px;
	overflow: hidden;
	padding-left: 1px;
}

.thumb-image
{
	padding: 3px 0 3px 0;
	position: relative;
}

.thumb-image a:link { text-decoration: none; color: #FFF; }
.thumb-image a:active { text-decoration: none; color: #FFF; }
.thumb-image a:visited { text-decoration: none; color: #FFF; }
.thumb-image a:hover { text-decoration: none; color: #FFF; }

.thumb-image img
{
	padding: 1px;
	border: solid 1px #999;
	display: block;
	/* width: 240px; */
	/* height: 180px; */
	width: 160px; 
	height: 120px; 
	-ms-interpolation-mode: bicubic;
}

.thumb-footer
{
	font-size: 12px;
	height: 30px;
}

.thumbsmall-outer
{
	width: 135px;
}

.thumbsmall-inner
{
	margin-right: 20px;
}

.thumbsmall-title
{
	font-size: 12px;
	font-weight: bold;
	padding-top: 10px;
	height: 20px;
	overflow: hidden;
	padding-left: 1px;
}

.thumbsmall-image img
{
	padding: 1px;
	border: solid 1px #999;
	display: block;
	/* width: 240px; */
	/* height: 180px; */
	width: 120px; 
	height: 90px; 
	-ms-interpolation-mode: bicubic;
}

.fullsize-footer
{
	font-size: 16px;
	height: 20px;
	color: #444;
}

.thumb-video-playback
{
	position: absolute;
	background-image: url("/images/play-video.png"); 
	left: 18px;
	top: 80px;
	z-index: 1;
	width: 129px;
	height: 30px;
	cursor: pointer;
}

.thumb-snapshots-count-image
{
	position: absolute;
	background-image: url("/images/snapshots-count.png"); 
	left: 18px;
	top: 80px;
	z-index: 1;
	width: 129px;
	height: 30px;
	cursor: pointer;
}

.thumb-snapshots-count-text
{
	position: absolute;
	left: 16px;
	top: 85px;
	z-index: 1;
	width: 129px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	cursor: pointer;
}

.thumb-isnew
{
	position: absolute;
	left: 125px;
	top: 5px;
	z-index: 1;
	background-color: #BF2326;
	color: #FFFFFF;
	padding: 1px 6px 1px 6px;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

.thumb-isupdating
{
	position: absolute;
	background-image: url("/images/snapshots-updating-yellow.png"); 
	left: 18px;
	top: 40px;
	z-index: 1;
	width: 129px;
	height: 30px;
	color: #FFF;
	text-align: center;
	cursor: pointer;
}

.thumb-footer-duration,
.thumb-lastframeat
{
	font-weight: bold;
}


#dashboard-timeline
{
	font-size: 14px;
	height: 200px; 
	border: 1px solid #aaa
}

.frames-date-picker
{
	font-size: 14px;
}

.textbox-small
{
	display: block;
	font-weight: bold;
	border: solid 2px #6788BE;
	font-size: 15px;
	margin: 2px 0 2px 0;
	padding: 3px;
	color: #333;
}

.box-article-edit
{
	border: solid 1px #6788BE;
	margin: 2px 5px 2px 0;
	padding: 3px;
	color: #333;
}

.centered
{
	margin-left: auto; 
	margin-right: auto;
}	

.HintLabel
{
	
	color: #808080; 
	font-size: 14px;  
	padding: 2px 5px 2px 5px;
}

.h2dashboard_bottom
{
	padding-bottom: 10px;
	padding-top: 10px;
}

.h2dashboard
{
	font-size: 22px;  
	font-weight: bold;
	padding-right: 20px;
}

.CameraInfo
{
	font-size: 16px;
	color: #444;
	padding-bottom: 10px;
}

.cameraInfo-label
{
	padding-right: 10px;
}

.cameraInfo-value
{
	font-weight: bold;
}

.siteheader-new
{
	height: 40px;
}

.siteheader-new
{
	height: 40px;
}

.main-navigation-text-new-separator
{
	border-top: solid 2px white;
	border-right: solid 2px white;
	border-bottom: solid 2px blue;
	border-left: solid 2px white;
	display: block;
	float: right;
	width: 10px;
}

main-navigation-text-new
{
	border-top: solid 2px blue;
	border-right: solid 2px blue;
	border-bottom: solid 2px white;
	border-left: solid 2px blue;
	display: block;
	float: right;
	padding-right: 5px 5px 5px 5px;
}

.h3underscore
{
	padding: 5px 0 0px 0;
	margin: 25px 0 25px 0;
	display: block;
	width: 355px;
	border-bottom: dotted 1px #CCC;
	color: #444;
	overflow: hidden;
}

.h2underscore
{
	padding: 5px 0 0px 0;
	margin: 5px 0 15px 0;
	display: block;
	width: 355px;
	border-bottom: dotted 1px #CCC;
	color: #444;
	overflow: hidden;
}

.h2underscore-text
{
	font-size: 22px;  
	font-weight: bold;
	float: left;
}

.h2underscore-link
{
	font-size: 12px;
	font-weight: bold;
	float: right;
	padding-top: 10px;
}

.h1underscore
{
	padding: 0px 0 0px 0;
	margin: 0px 0 10px 0;
	display: block;
	width: 650px;
	border-bottom: dotted 1px #CCC;
	color: #444;
	overflow: hidden;
}

.h1underscore-text
{
	font-size: 30px;  
	font-weight: bold;
	float: left;
}

.h1underscore-link
{
	font-size: 12px;
	font-weight: bold;
	float: right;
	padding-top: 18px;
}

.h1underscore-action
{
	font-size: 12px;
	font-weight: bold;
	float: right;
	padding-top: 18px;
	z-index: 100;
}

.breadcrumbs
{
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0 5px 0;
}

.more-items
{
	padding-top: 70px;
}

.BoxSuccess
{
	padding: 10px;
	border-top: solid 2px #5A6E25;
}



/*
CSS Buttons from
http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html
*/

a.button_large {
	background: transparent url('/images/bg_button_large_a.png') no-repeat scroll top right; 
    color: #333;
    display: block;
    float: left;
    height: 42px;
    margin-right: 6px;
    padding-right: 28px; /* sliding doors padding */
    text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;	
}

a.button_large span {
	background: transparent url('/images/bg_button_large_span.png') no-repeat;
    display: block;
    line-height: 30px;
    padding: 5px 0 7px 28px;
	text-decoration: none;	
} 

a.button_large:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button_large:active span {
    background-position: bottom left;
    padding: 8px 0 4px 28px; /* push text down 1px */
}

a.button_large:visited 
{
	color: #333; 
	text-decoration: none; 
}

a.button_large:visited  span
{
	color: #333; 
	text-decoration: none; 
}

.message-ok
{
	padding: 10px 25px 10px 25px;
	margin: 20px 20px 20px 0;
	font-size: 18px;
	border-top: solid 2px #359535;
	border-bottom: solid 2px #359535;
	background:#C9FFCA;	
	width: 650px;
}

.message-info
{
	padding: 10px 25px 10px 25px;
	margin: 20px 20px 20px 0;
	font-size: 18px;
	width: 650px;
}

.message-error
{
	padding: 10px 25px 10px 25px;
	margin: 20px 20px 20px 0;
	font-size: 18px;
	border-top: solid 2px #CC0000;
	border-bottom: solid 2px #CC0000;
	background:#F7CBCA;
	width: 650px;
}

.message-warn
{
	padding: 10px 25px 10px 25px;
	margin: 20px 20px 20px 0;
	font-size: 18px;
	border-top: solid 2px #C33F27;
	border-bottom: solid 2px #C33F27;
	background:#FFBC61;
	width: 650px;
}

.message-error-text-h3
{
	font-size: 18px;
}

.current-plan
{
	font-size: 18px;
	background-color: #80A3D9;
	color: #FFF;
	margin-top: 2px;
	padding: 5px 5px 5px 5px;
}

.panel-updating
{
	padding-bottom: 20px;
}

.panel-updating-header
{
	font-size: 18px;

	padding: 3px 0px 3px 0px;
	width: 320px;
	clear: both;
	background: #D28503;
	color: #fff;
	text-align: center;
}

.panel-updating-message
{
	font-size: 14px;
}

.SendToBack
{
	z-index: -1;
}

.article-admin-links
{
	position: absolute;
	left: -32px;
	top: 0px;
}

.article-content
{
	position: relative;
}

.article-edit-button
{
	font-size: 12px;
	font-weight: bold;
	padding: 1px 5px 1px 5px;
	background: #FFE39E;
}

.hour-empty
{
	font-size: 12px;
	color: #AAA;
}

.hour-full
{
	font-size: 18px;
	color: #888;
	padding-top: 10px;
}

.hour-row
{
	padding-left: 0px;
}	

.hour-name
{
	width: 90px;
	float: left;
}

.hour-events
{
	margin-left: 10px;
}

.day-name
{
	font-size: 20px;
	font-weight: bold;
}

.day-hours
{
}

.signin-left
{
    width: 380px;
    float: left;
    border-right: dotted 1px gray;
}	

.signin-right
{
	padding-left: 20px;
    width: 270px;
    float: right;
}	

.signin-createaccountbutton
{
	padding-top: 58px;
}

/*navigation*/
.topnav-tabs {
	font-weight:bold;
	float:left;
	line-height:normal;
	width:auto;
	padding:0px;
	margin:0px;
	padding-left:0px;
	font-family:Arial, Helvetica, sans-serif, Tahoma;
}
.topnav-tabs ul {
	margin:0;
	padding:2px 10px 0 0;
	list-style:none;
}
.topnav-tabs li {
	display:inline;
	margin:0;
}
.topnav-tabs a {
	float:left;
	margin:0;
	text-decoration:none;
	background:url(/images/site-master/tab-left.jpg) no-repeat 0% 0px;
	padding:0px 0px 0px 6px;
	margin-right:0px;
	font-size:16px;
	text-decoration:none;
}
.topnav-tabs a span {
	float:left;
	display:block;
	color:#ffffff;
	padding:10px 18px 5px 18px;
	font-size:17px;
	background:url(/images/site-master/tab-right.jpg) no-repeat 0% 0px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.topnav-tabs a span {
	float:none;
	color:#ffffff;
}
/* End IE5-Mac hack */
.topnav-tabs a:hover {
	background:url(/images/site-master/tab-left-select.jpg) no-repeat 0% 1px;
	text-decoration:none;
}
.topnav-tabs a:hover span {
	background:url(/images/site-master/tab-right-select.jpg) no-repeat right 1px;
	padding:10px 18px 7px 18px;
	color:#2D281F;
}
.topnav-tabssel a {
	background:url(/images/site-master/tab-left-select.jpg) no-repeat 0% 1px;
	text-decoration:none;
}
.topnav-tabssel a span {
	background:url(/images/site-master/tab-right-select.jpg) no-repeat right 1px;
	padding:10px 18px 7px 18px;
	color:#2D281F;
}

.topnav-tabs-block-right 
{
	padding-right:80px;
	float:right
}

.topnav-tabs-block-left
{
	padding-right:120px;
	float:right
}

.topnav-header {
	height:65px;
	/* background:url(/images/site-master/header_right_bg.gif) right no-repeat */
}
.topnav-header a {
	color:#a4bde5;
	text-decoration:none
}
.topnav-header a:hover {
	text-decoration:none
}
.topnav-header span a {
	color:#ecf4f7;
	text-decoration:underline
}
.topnav-header span a:hover {
	text-decoration:none
}

.logo-holder
{
	position: absolute;
}	

.logo 
{
	padding-top: 12px;
}

.outer-top
{ 
	padding-left:143px; 
}

.tabnav-toppadding {
	background:#e0e1e3;
	height: 10px;
}

.body-container 
{
	background:#FFF;
}

.body-container-border
{
	background: #E0E1E3;
	padding: 0px 10px 10px 10px;
}

.body-container-padding
{
	background:#FFF;
	padding: 10px 0 30px 25px;
}

.watch-container 
{
	background:#e0e1e3;
}

.watch-record-container {
	background:url(/images/site-master/content-border.jpg) repeat-y;
}

.awesome, .awesome:visited {
	background: #E0E1E3 url(/images/awesome-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 5px 10px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	/* border-bottom: 1px solid rgba(0,0,0,0.25); */
	position: relative;
	cursor: pointer;
}

.awesome:link { text-decoration: none; }
.awesome:hover							{ background-color: #909090; color: #fff; text-decoration: none; }
.awesome:active							{ top: 1px; text-decoration: none; }
.small.awesome, .small.awesome:visited 			{ font-size: 13px; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited 		{ font-size: 15px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited 			{ font-size: 17px; padding: 8px 14px 9px; }

.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
.green.awesome:hover						{ background-color: #749a02; }
.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
.blue.awesome:hover							{ background-color: #007d9a; }
.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
.red.awesome:hover							{ background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
.magenta.awesome:hover							{ background-color: #630030; }
.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
.orange.awesome:hover							{ background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
.yellow.awesome:hover							{ background-color: #fc9200; }

.current-date-label
{
	font-weight: bold;
	color: #023689;
	font-size: 20px;
}

.current-date-button
{
	margin-top: 2px;
	margin-right: 10px;
}

.button-margin-left
{
	margin-left: 10px;
}

.select-date-popup-window
{
	position: absolute;
	left: -999px;
}	

.timeline-control-height-limiter
{
	min-height: 500px;
}

.watch-master
{
	min-height: 500px;
}

.home-background
{
	background:url(/images/home_background400.png) repeat-x;
}

.slideshow
{
}

.select-date-popup-window
{
	z-index: 99999;
}

.popup-download-background
{
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background-color:rgba(210,210,210,0.5);
	border:1px solid #cecece;
	z-index:1;
}

.popup-download
{
	width: 400px;
	height: 140px;
	border: solid 1px #c0c0c0;
	background-color : #FEFEFE;
	padding: 20px 20px 20px 20px;
	position: absolute;
	top: -1000px;
	font-size: 16px;
}