﻿body  
{
	color:#786860;
	font-size: 100%; /* equivale a 13px */
	font-family:"Trebuchet MS", Arial, Georgia, Verdana, sans-serif;
	background:#fff; 
	padding:0 10px 0 0; margin:0; clear:both;
    overflow: scroll;
	*overflow: hidden;/* For IE */
}
#custom-doc { width:100%;*width:99%;min-width:950px; margin:0; padding:0 0 0 5px; text-align:left; overflow: hidden; }
/*#custom-doc { width:57.69em;*width:56.3em;min-width:750px; margin:auto; text-align:left; }*/
#form1 { padding:0; margin:0; clear:both; }
p {
  	font-size: 100%;  /* equivale a 13px */
  	line-height: 1.4;  /* 18px */
	*line-height: 1.35; /* For IE */
}
h1 {
	font-size: 182%;    /* equivale a 24px */
	line-height: 1.6;  
	*line-height: 1.55; /* For IE */
}
h2 {
	font-size: 167%;    /* equivale a 22px */
	margin-bottom:5px;
	padding:10px 10px 0 10px;
}
h3 {
  font-size: 153.9%;  /* equivale a 20px */
}
h4 {
  font-size: 138.5%;  /* equivale a 18px */
}
a
{
	font-size: 100%;  /* 13px 
	font-family: "Trebuchet MS", Arial, Georgia, Verdana, sans-serif;*/
   	font-style:normal;
   	color:#0054a6;
}
a:link {
	color:#0054a6;
	text-decoration:underline;
}
a:visited
{
	text-decoration:underline;
}
a:hover
{
	 text-decoration: none;
}

select,input,button,textarea,button {
	font-family: "Trebuchet MS", Arial, Georgia, Verdana, sans-serif;
	font-size: 100%; /* 13px */
}
/* ------------  Section Top Header Styles  ------------- */
.sectionHead {
	display:block;
	float:left;
	height:50px;
	width:100%;
	margin:0;
	padding:0;
}
#logoDiv
{
	width: 50%;
	height:100%;
	padding:0;
	margin: 0;
	background:url("../Images/SpiderLogo.gif") 0 0 no-repeat;
}
#headRight
{
	padding:0 5px;
}

.hiusernameDiv 
{
	text-align:center;
	border-bottom:solid 1px #000000;	
	padding-bottom: 3px;
}
.headmenuDiv 
{
	padding-top: 2px;
}
.HdMenu
{
	float:left;
	display:block;
	width: 100%;
	clear:both;
}
.clear {clear:both;}
.box {min-height:1px; _height:1px;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}
.nom {margin:0;}
.noscreen {display:none;}
/* ------------   Navigation Menu Styles   ------------ (tabs) */
#tabs {float:left;display:block;width: 100%; clear:both; background:#192666; margin:0; padding:10px 0 0 0; _height:1px;}

    #tabs ul {margin:0 0 0 10px; padding:0; list-style:none;}
    #tabs ul li {margin:0 5px 0 0; padding:0; float:left;}
    #tabs ul li a {display:block; position:relative; padding:7px 23px; border:0; background:url("../Images/tab_link.gif") 0 0 repeat-x; color:#B5C4E3; font-weight:bold; text-decoration:none;}
    
    /* Main menu (tabs - link) */
    #tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l {position:absolute; top:0; *top:1px; left:0; _left:-15px; width:8px; height:8px; background:url("../Images/tab_link_l.gif") 0 0 no-repeat;}
    #tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r {position:absolute; top:0; *top:1px; right:0; _right:-1px; width:8px; height:8px; background:url("../Images/tab_link_r.gif") 100% 0 no-repeat;}
    
    /* Main menu (tabs - hover) */
    #tabs ul li a:hover {background:url("../Images/tab_hover.gif") 0 0 repeat-x; color:#FFF;}
    #tabs ul li a:hover span.tab-l {background:url("../Images/tab_hover_l.gif") 0 0 no-repeat;}
    #tabs ul li a:hover span.tab-r {background:url("../Images/tab_hover_r.gif") 100% 0 no-repeat;}
    
    /* Main menu (tabs - active) */
	#tabs ul li.active a { color:#FF9000; display:block; position:relative; border:0; background:#FFF; font-weight:bold; text-decoration:none;}
    #tabs ul li.active a span.tab-l {position:absolute; top:0; *top:1px; left:0; _left:-15px; width:8px; height:8px; background:url("../Images/tab_active_l.gif") 0 0 no-repeat;}
    #tabs ul li.active a span.tab-r {position:absolute; top:0; *top:1px; right:0; width:8px; height:8px; background:url("../Images/tab_active_r.gif") 100% 0 no-repeat;}
	#tabs ul li.active a span.tab-b {position:absolute; top:80%; left:0; width:100%; height:10px; background-color:#FFFFFF;}

/* SiteMap */
#siteHistory
{
	clear: both;
	font-size: 77%; /* equals 10px */
	margin-top: 5px;
}

.menuleft
{
	width: 220px;
	margin-right: 15px;
}
.reportBox
{
	width: 230px;
}

/* Quick Menu */
.box
{
	border: 1px solid #6E6D8F;
	padding: 3px;
}
.box .header
{
	background-color: #9C9AB7; /* #FFD69A; #FFAD55 #B5C4E3; */
	color: #080F0F;
	font-weight:bold;
	height: 20px;
	padding: 3px 5px;
}
.qLMenuLayer {float:left; display:block; width: 100%; clear:both; margin:0; padding: 5px 0; font-size: 90%;}
.qLMenuLayer ul {margin:0; padding:0; list-style:none; margin-left:10px; font-weight:lighter;}
    .qLMenuLayer ul li {margin:0; padding:0; display:block;clear:both; padding-top:5px;}    
    .qLMenuLayer ul li a {float:left; display:block; position:relative; margin:0; padding:0; border:0; color:#080F0F; font-weight: bold; text-decoration:underline;}
    .qLMenuLayer ul li a:hover {text-decoration:none;}    
    .qLMenuLayer ul li .selected {color:#FF9000; text-decoration:none;}
    .qLMenuLayer ul img {float:left; margin:3px 3px 0 0; padding:0;}
    
.msgLayer
{
	width: 99%;
	padding:5px;
	/*border: solid 1px #000;*/
	font-size: 80%;
	background-color: #F1EAB7;
}

/* Grid  */
.titlePanel
{
	font-size:100%; 
    font-weight:bold;
    color:#000;
}
.labelTitle
{
	padding: 2px 5px 0 5px;
}
.showrecords
{
	float:left;
	padding-top: 4px;
}

.EditFormCaption
{
	white-space:nowrap;
	width:10%;
}
.previewData
{
	float: left;
	font-weight: bold;
	padding:5px;
	overflow:hidden;
}
.gridLink
{
	color:#0054a6;
	text-decoration:underline;
}
.gridtabpage
{
	overflow: scroll;
	height: 120px;
}

/* Google Ads */
#googleAds
{
	font-size: 90%;
	font-family:arial,sans-serif;
	font-weight: normal;
}
#googleAds a {color:#00c !important}
#googleAds a{color:#20c!important}
#googleAds h3{display:inline}
#googleAds a:link{color:#77c}
#googleAds a:link,a:visited,a:active{color:#20c} 
/* #googleAds a:visited{color:#551a8b}
a:active{color:red}*/
#googleAds h2{color:#676767}
#googleAds cite{color:green;font-style:normal}
#googleAds h1{margin:0;padding:0}
#googleAds h2,h1{font-weight:normal}
#googleAds h3{font-size:100%;font-weight:normal;padding:0;margin:0}
#googleAds a{color:green;text-decoration:none}
#googleAds a:hover{text-decoration:underline}
#googleAds cite{display:block;text-align:left}
#googleAds p{margin:-.5em 0 0 .5em;text-align:center}
#googleAds a{white-space:nowrap}
#googleAds h4{font-size:100%}
.chkListCustwrapp
{
	float: left;
	margin-top: 10px;
}
.chkListCustomer
{
	float: left;
	width: 200px;
	height: 110px;
	overflow: auto;
}

#adscode
{
	float:left;
	display:block;
	font-size: 90%;
	font-family: Tahoma;
}

.dateEdit
{
	color:#786860;
	font-size: 100%; /* equivale a 13px */
	font-family:"Trebuchet MS", Arial, Georgia, Verdana, sans-serif;
}

/* General Styles */
.fleft {float: left; }
.fright {float: right; }
.tacenter {text-align:center;}
.taright {text-align:right;}
.padding0 {padding:0; }
.padding10 {padding:10px; }
.padding5 {padding:5px; }
.paddingLR5 {padding:0 5px; }
.paddingL10 {padding-left:10px; }
.paddingL5 {padding-left:5px; }
.paddingR10 {padding-right:10px; }
.paddingR5 {padding-right:5px; }
.paddingT2 {padding-top:2px; }
.paddingT5 {padding-top:5px; }
.paddingT7 {padding-top:7px; }
.paddingT10 {padding-top:10px; }
.paddingB10 {padding-bottom:10px; }
.paddingB5 {padding-bottom:5px; }
.margin0 {margin:0; }
.margin10 {margin:10px; }
.margin5 {margin:5px; }
.marginL5 {margin-left:5px; }
.marginL10 {margin-left:10px; }
.marginR5 {margin-right:5px; }
.marginR10 {margin-right:10px; }
.marginT2 {margin-top: 2px;}
.marginT5 {margin-top: 5px;}
.marginT10 {margin-top: 10px;}
.marginB10 {margin-bottom: 10px;}
.marginTB5 {margin-top: 5px; margin-bottom: 5px;}
.marginTB10 {margin-top: 10px; margin-bottom: 10px;}
.block {display:block;}
.lbold{font-weight: bold;}
.lcolor{color: #3e3e3e;}
.lmargin{margin-top: 6px;}
.fontSmall{font-family: Tahoma;font-size:smaller;}
.valignT{vertical-align:top;}
.labelTop{margin-left: 4px; margin-top: 0; vertical-align:middle;}
.labelLeftrb{margin-top: 2px; padding: 0 5px;}
.cBlack{color:#000000;}
.cwhite{color:#FFFFFF;}
.invisible { visibility:hidden; }
.visible { visibility:visible; }
.width90p { width:90%; }
.width95p { width:95%; }
.width100p { width:100%; }
.width50p { width:50%; }
.width40p { width:45%; }
.width30p { width:30%; }
.width33p { width:33%; }
.font80{ font-size: 80%; }
.noscroll { overflow: hidden; }
.nowrap { white-space:nowrap; }
.control { border: solid 1px #7c7c94; }