/*

Global Stylesheet for www.truesentry.com 
Copyright 2005 SilkRoad technology. All rights reserved.


*/



/* ================================================================= */
/* [COMMON PAGE STYLES (Body, Text Areas, etc...) ]                  */
/* ----------------------------------------------------------------- */

body, select, input, textarea {
	color: #333333;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	}

body {
	background: #FFFFFF;
	font-size: 11px;
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	}

.scrollbar {
	
	}

td {
	font-size: 11px;
	}

input.button {
	background-color: #666666;
	color: #FFFFFF;
	}

a:link, a:active, a:visited {
	text-decoration: none;
	color: #807E68;
	}
	
a:hover {
	color: #000000;
	}

.textfield {
	vertical-align: top;
	border: 1px #B1DA86 solid;
	background: #ededed;
	font-size: 10px;
	padding-bottom: 0px;
	height: 16px;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity: 0.6;
	color: #000000;
	}

.searchSubmit {
	vertical-align: top;
	padding-bottom: 0px;
	margin-top: 1px;
	}

.silkroadGreen {
	color: #6EBB1F;
	}

p.grayline {
	width: 100%;
	border-bottom: 1px #C6C6C6 solid;
	line-height: 3px;
	}

.online {
	background: #7BC631;
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	}

.offline {
	background: #666666;
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	}
/* ================================================================= */



/* ================================================================= */
/* [ HEADLINE STYLES ]                                               */
/* ----------------------------------------------------------------- */

h1 {
	color: #48562A;
	font-size: 24px;
	border-bottom: 1px #6EBB1F solid;
	line-height: 26px;
	margin-bottom: 2px;
	padding-top: 3px;
	padding-bottom: 5px;	
	}

h1.blue {
	color: #304F70;
	font-size: 30px;
	line-height: 26px;
	border-bottom: 1px #AFC1D4 solid;
	}

h2 {
	color: #61693A;
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	margin-top: 10px;
	padding-top: 0px;
	padding-bottom: 3px;
	}

h3 {
	color: #48562A;
	font-size: 14px;
	margin-bottom: 1px;
	margin-top: 8px;
	}

h4 {
	font-size: 13px;
	}
	
/* ================================================================= */




/* ================================================================= */
/* PAGE STRUCTURE STYLES                                             */
/* ----------------------------------------------------------------- */

#bodyDiv {
	background-image: url(/truelookcams/images/common/header.jpg);
	background-repeat: no-repeat;
	width: 780px;
	margin: 0px auto;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
	}

table#maintable, table#maintableIndex{
	width: 750px;
	}

table#maintable td, table#maintableIndex td {
	vertical-align: top;
	text-align: left;
	}

table#maintable td.leftColumn {
	width: 150px;
	padding-right: 5px;
	}

table#maintable td.contentColumn {
	width: 590px;
	padding-right: 5px; 
	}

/* ================================================================= */





/* ================================================================= */
/* HEADER SECTION STYLES                                                 */
/* ----------------------------------------------------------------- */

#headerGraphic {
	width: 750px;
	height: 104px;
	text-align: left;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}

div#headerGraphic td.searchBox {
	text-align: right;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	vertical-align: bottom;
	}

/* ================================================================= */





/* ================================================================= */
/* TOPNAV SECTION STYLES                                                 */
/* ----------------------------------------------------------------- */

#topnav, #topnavIndex {
	width: 750px;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 4px;
	padding-bottom: 3px;
	border-bottom: 10px #7998B8 solid;
	border-top: 1px #7998B8 solid;
	}



#topnav a, #topnav a:link,  #topnav a:active, #topnav a:visited, #topnavIndex a, #topnavIndex a:link,  #topnavIndex a:active, #topnavIndex a:visited {
	text-align: left;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #8B8B8B;
	border: 1px #C6C6C6 solid;
	text-decoration: none;
	transparent: none;
	line-height: 20px;
	}

#topnav a:hover, #topnavIndex a:hover {
	background: #ededed;
	color: #666666;
	}


#topnav span.tabOn a, #topnav span.tabOn a:link, #topnav span.tabOn a:active, #topnav span.tabOn a:visited {
	border: 1px #7998B8 solid;
	color: #304F70;
	background: #AFC1D4;
	}

#topnav span.tabOn a:hover {
	color: #7998B8;
	background: #DBE7F4;
	}


/* ================================================================= */





/* ================================================================= */
/* FOOTER SECTION STYLES                                             */
/* ----------------------------------------------------------------- */

#footer {
	color: #666666;
	display: block;
	margin-top: 5px;
	width: 750px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 0px;
	text-align: left;
	background: #E7EDF4;
	border-top: 1px #7998B8 solid;
	border-bottom: 1px #7998B8 solid;
	}

#footer p {
	padding-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

#footer a:link, #footer a:active, #footer a:visited { 
	color: #666666;
	}

#footer a:hover {
	color: #333333;
	}

/* ================================================================= */





/* ================================================================= */
/* GENERAL CONTENT AREA SYLES      			                                 */
/* ----------------------------------------------------------------- */

div.contentArea {
	width: 100%;
	text-align: left;
	padding-bottom: 20px;
	padding-top: 5px;
	}

div.contentArea p {
	margin-top: 1px;
	padding-right: 5px;
	}



/* ================================================================= */




/* ================================================================= */
/* LEFT NAV SECTION STYLES                                             */
/* ----------------------------------------------------------------- */

#leftnav {
	display: block;
	height: 220px;
	background: #E7EDF4;
	padding-top: 8px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 1px;
	margin-top: 0px;
	}

#leftnav h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #7998B8;
	font-size: 12px;
	border-bottom: 1px #B3C5D8 solid;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 1px;
	margin-top: 0px;
	line-height: 11px;
	}

#leftnav div {
	border-bottom: 1px #D8DCE0 solid;
	}

#leftnav a:link, #leftnav a:active, #leftnav a:visited {
	display: block;
	color: 8A8A8A;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	}

#leftnav a:hover {
	background: #D7E0EA;
	color: #304F70;
	}

#leftnav div.tabOn a, #leftnav div.tabOn a:link, #leftnav div.tabOn a:active, #leftnav div.tabOn a:visited {
	background: none;
	background-image: url(/truelookcams/images/common/leftnav_arrow.gif);
	background-repeat: no-repeat;
	color: #6DB628;
	}

#leftnav div.tabOn a:hover {
	color: #304F70;
	}
	
#leftnavBar {
	display: block;
	border-top: 10px #7998B8 solid;
	line-height: 2px;
	width: 100%;
	}

/* ================================================================= */





/* ================================================================= */
/* LEFT COLUMN SYLES      			                                 */
/* ----------------------------------------------------------------- */

#tools, #counter, #featuredCams {
	display: block;
	padding-left: 10px;
	margin-right: 3px;
	color: #666666;
	border-bottom: 1px #7998B8 solid;
	}
	
#tools {
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	}

#tools div a:link, #tools div a:active, #tools div a:visited {
	background-repeat: no-repeat;
	display: block;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 30px;
	color: #485529;
	}

#tools div a:hover {
	background-repeat: no-repeat;
	color: #000000;
	}

#tools #truelook a:link, #tools div#truelook a:active, #tools div#truelook a:visited {
	background-image: url(/truelookcams/images/common/tools_truelook.gif);
	}

#tools div#truelook a:hover {
	background-image: url(/truelookcams/images/common/tools_truelook_o.gif);
	}

#tools div#contact a:link, #tools div#contact a:active, #tools div#contact a:visited {
	background-image: url(/truelookcams/images/common/tools_contact.gif);
	}

#tools div#contact a:hover {
	background-image: url(/truelookcams/images/common/tools_contact_o.gif);
	}


#counter {
	}

#featuredCams {
	}

#tools h5, #featuredCams h5 {
	font-family: Arial, Helvetica, sans-serif;
	color: #7DC236;
	font-size: 12px;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 12px;
	}

#featuredCams img {
	border: 1px #666666 solid;
	}

#featuredCams a, #featuredCams a:link, #featuredCams a:active, #featuredCams a:visited {
	text-decoration: underline;
	font-size: 11px;
	color: #7DC236;
	}

#featuredCams a:hover {
	color: #666666;
	}
	
/* ================================================================= */






/* ================================================================= */
/* COMMON HOME PAGE STYLES                    		                   */
/* ----------------------------------------------------------------- */

table#homepageIndex {
	width: 100%;
	}

table#homepageIndex td {
	width: 50%;
	/*border: 1px #7DC236 solid;
	background: #F8FCF5;*/
	padding: 5px;
	padding-top: 0px;
	vertical-align: top;
	}


table#homepageIndex td.clear {
	width: 50%;
	border: none;
	background: none;
	padding: none;
	padding-top: none;
	vertical-align: none;
	}

table#homepageIndex h3 {
	font-size: 18px;
	color: #7DC236;
	/*background: #D8EDC2;*/
	border-bottom: 1px #7DC236 solid;
	padding-left: 5px;
	}

table#homepageIndex ul {
	margin-left: 0px;
	margin-top: 10px;
	padding-left: 0px;
	padding-bottom: 0px;
	}

table#homepageIndex li {
	list-style-type: none;
	margin-bottom: 3px;
	padding-bottom: 0px;
	border: 1px #F8FCF5 solid;
	}

table#homepageIndex a:link, table#homepageIndex a:active, table#homepageIndex a:visited {
	display: block;
	font-weight: bold;
	font-size: 11px;
	border: 1px #B1DA86 solid;
	background: #F0F8E9;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 0px;
	}

table#homepageIndex a:hover {
	border: 1px #7998B8 solid;
	background: #AFC1D4;
	color: #304F70;
	}

/* ================================================================= */





/* ================================================================= */
/* COMMON PAGE NAVIGATIONS STYLES                                    */
/* ----------------------------------------------------------------- */

.subSection div {
	font-weight: bold;
	font-size: 12px;
	background-image: url(/truelookcams/images/common/icon_arrow.gif);
	background-repeat: no-repeat;
	margin-left: 20px;
	padding-left: 20px;
	margin-bottom: 10px;
	}
	
.subSection a, .subSection a:link, .subSection a:active, .subSection a:visited {
	font-weight: bold;
	font-size: 12px;
	color: #333333;
	line-height: 12px;
	}

.subSection a:hover {
	color: #6EBB1F;
	}


/* ================================================================= */





/* ================================================================= */
/* COMMON PAGE THUMBNAILS STYLES                                    */
/* ----------------------------------------------------------------- */

table.thumbnailDiv {
	width: 100%;
	text-align: center;
	}

.thumbnailDiv td {
	text-align: center;
	border: 1px #cccccc solid;
	background: #efefef;
	padding: 5px;
	padding-top: 10px;
	}

.thumbnailDiv div {
	height: 150px;
	display: block;
	text-align: center;
	}

.thumbnailDiv a, .thumbnailDiv a:link, .thumbnailDiv a:active, .thumbnailDiv visited {
	text-align: center;
	text-decoration: underline;
	}



/* ================================================================= */


.................................................................... */