/*Clears default margins and paddings that different 
browsers append to html elements*/

* {
    margin: 0px;
    padding: 0px;    
}

#search
{
    margin-bottom: 5px;
}

#gridViewDiv
{
    padding: 3px 15px 0 15px;   
}
/*==================== Layout Styles ======================*/
#CMS_Content
{
    margin: 3px 15px 0 15px;
}

body {
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 12px;
    background-color:White;
}

ul {
	padding-left:40px;
	}

#mainDiv {
    text-align: center;
	width: 1024px;
	margin: 0 auto 0 auto;
	background-color:White;
}

#mainCMSContent 
{
	width: 875px;
	float: left;
	text-align: left;
}

#footer {
	width: 1024px;
	clear: both;
	padding: 5px 0 5px 0;
	background-color:#00228a;
}

#copyright {
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 10pt;
    color: white;
    text-align: center;
 }

/* ========= Rounded Corner Box for CMS Content Layout ============== */

.CMSDiv {
  margin: 10px;
  background: url('Images/CMS/bottom-left.gif') no-repeat left bottom;
}

.CMSDiv-outer {
  background: url('Images/CMS/bottom-right.gif') no-repeat right bottom;
  padding-bottom: 10px;
  margin-right: -2px;
}

.CMSDiv-inner {
  background: url('Images/CMS/top-left.jpg') no-repeat left top;
  margin-right: 3px;  
  padding-bottom: 10px;
  min-height: 100px;
}

.CMSDiv h6 {
  background: url('Images/CMS/top-right.jpg') no-repeat right top;
  font-family: Tahoma, Arial, Sans-Serif;
  font-weight: bold;
  font-size: 1.5em;
  color: #ffffff;
  margin-top: 0px;
  margin-right: -4px;
  margin-bottom: 4px;
  padding: 10px 10px 10px 20px;
  text-align: left;
}

.CMSContent {    
  padding-left: 35px;
}

.rightNav p {
  padding-left: 15px;
}

.tableStyle {
	width: 100%;
}

.rowStyle td { 
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	color: #000000;
}

.firstCol {
	text-align: right;
	font-weight: bold;
	margin-right: 10px;
	width: 125px;
}

.gridStyle { 
	border-left: 1px solid #006699;
	border-bottom: 1px solid #006699;
	width: 100%;
	padding: 5px;
	margin-top: -8px;
}

.gridHeaderStyle th {
    padding: 2px 5px;
    border-bottom: 1px solid black;
    border-right: 1px solid white;
	vertical-align: top;
	background-color: #666; 
	color: white;    
}

.gridHeaderStyle th a:link {
	color: White;
	text-decoration: none;
}

.gridHeaderStyle th a:hover {
	color: Orange;	
}

.gridRowStyle td { 
	padding: 5px;
	border: 1px solid #006699;
	vertical-align: top;
	background-color: #f7f7f7; 
	color: #000000;
}

.ErrorMsg {
    color: Red;
    padding-top: 15px;
    padding-left: 20px;    
}

 
/*=======================Admin Top Menu========================*/

#pad {height:140px;}

#topMenu {padding:0; margin:0; list-style:none; height:25px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#topMenu li {float:left; margin-right:1px;}
#topMenu li a {display:block; float:left; height:25px; line-height:25px; background:#00228a; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 30px 0 20px;}


#topMenu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#topMenu li a:hover {z-index:200; position:relative;color:#fff; background-color:#898989;}
#topMenu li:hover {position:relative; z-index:200;}

#topMenu li:hover > a {color:#fff; background:#898989;}
#topMenu li:hover > a.sub {color:#fff; background-color:#898989;}

#topMenu li.current a {color:#fff; background:#840;}

#menu li a.sub {background: #333 url(down-arrow.gif) no-repeat right center;}
#menu li.current a.sub {color:#fff; background:#840 url(down-arrow.gif) no-repeat right center;}

#topMenu :hover ul {left:0; top:25px; width:120px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#topMenu ul, 
#topMenu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#topMenu :hover ul :hover ul
{left:120px; top:-1px; background:#222; white-space:nowrap; width:100px; z-index:200; height:auto;}

#topMenu :hover ul li {margin:0; border-top:1px solid #666;}
#topMenu :hover ul li a {width:120px; padding:0; text-indent:10px; background:#333; color:#ccc; height:25px; line-height:25px;}
#topMenu :hover ul li a.fly {background:#333 url(right-arrow.gif) no-repeat right center;}

#topMenu :hover ul :hover {background-color:#069; color:#fff;}
#topMenu :hover ul :hover a.fly {background-color:#069; color:#fff;}

#topMenu :hover ul li.currentsub a {background:#840; color:#fff;}
#topMenu :hover ul li.currentsub a.fly {background:#840 url(right-arrow.gif) no-repeat right center; color:#fff;}

#topMenu :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#3e3e3e; color:#ccc;}
#topMenu :hover ul :hover ul :hover {background-color:#d70; color:#fff;}

#topMenu :hover ul :hover ul li.currentfly a,
#topMenu :hover ul :hover ul li.currentfly a:hover {background:#840; color:#fff;}

#pad {height:140px;}


#AdminMenuContainer {float: right;}

#AdminMenu {padding:0; margin:0 59px 00; list-style:none;}
#AdminMenu li {float:left; margin-left:1px; padding-top:2px;}
#AdminMenu li a {display:block; height:38px; line-height:38px; padding:0 20px 0 0; float:left; background: url(images/tab_a.gif) no-repeat right top; color:#000; text-decoration:none;}
#AdminMenu li a b {display:block; height:38px; float:left; padding:0 0 0 20px; background: url(images/tab_b.gif) left top; cursor:pointer;}
#AdminMenu li a:hover{background-position:right -51px; margin-top:-2px; height:40px; color:#fff;}
#AdminMenu li a:hover b{background-position:left -51px; height:40px; color:#fff;}


#menu {padding:0; list-style:none; background:url(back.gif); text-align:right; margin:0 auto 0 75px; 
font-size:11px; font-family:arial, sans-serif; height:41px; width:750px;}
#menu li {display:inline; margin:0 -2px; text-align:left;}
#menu li a {display:inline-block; height:36px; margin:0 0 -4px 0; padding:0 20px 0 0; background:url(images/button.gif) right top; line-height:32px; font-family:arial, sans-serif; font-size:12px; color:#000; text-decoration:none;}
#menu li a b {display:block; height:36px; float:left; padding:0 0 0 20px; background:url(images/button.gif) left top; cursor:pointer;}

#menu li a:hover, 
#menu li a:active,
#menu li a:focus,
.companies #menu li#companies a,
.accounts #menu li#accounts a,
.sites #menu li#sites a,
.zones #menu li#zones a,
.contractor #menu li#contractor a,
.member #menu li#member a,
.login #menu li#login a
{background-position:right bottom; color:#fff;}
#menu li a:hover b,
#menu li a:active b,
#menu li a:focus b,
.companies #menu li#companies a b,
.accounts #menu li#accounts a b,
.sites #menu li#sites a b,
.zones #menu li#zones a b,
.contractor #menu li#contractor a b,
.member #menu li#member a b,
.login #menu li#login a b
{background-position:left bottom;}


/*======= is the below maiNav being used =======

#mainNav {
    margin-top: -5px;
    margin-bottom: 40px;
}

#mainNav ul {
  margin: 0;
  padding: 0;
  width: 1024px;
  float: left;
  background: #333;
  list-style: none;
  text-transform: uppercase;
  font-weight: bold;
  height: 30px;
}

#mainNav ul li {
  float: left;
}

#mainNav ul a {
  padding: 7px 1em;
  text-decoration: none;
  font-size: 12px;
  color: #fff;
  float: left;
  display: block;
}

#mainNav ul a:focus {
  color: #ff9933;
}

#mainNav ul a:hover {
  color: #ff9933;
}

#mainNav ul .first a {
  background: none;
}
*/

/*====================Left Flyout Menu======================*/

#flyout {float:left; padding:0; margin:2px 0 0 0; list-style:none; width:140px; border-top:1px solid #fff;}
#flyout ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px;}
#flyout table {border-collapse:collapse; margin:-1px -10px;}

#flyout li {float:left;width:140px; height:24px; border-bottom:1px solid #fff;}

#flyout li#contact {margin:0;}

#flyout li a {display:block; width:109px; height:24px; color:#fff; font-family:arial, sans-serif; font-size:11px; line-height:23px; text-decoration:none; padding-left:30px; border-left:1px solid #fff;}
#flyout li#home a {background:#00228a url(images/home.gif) no-repeat 5px center;}
#flyout li#single a {background:#00228a url(images/document.gif) no-repeat 5px center;}
#flyout li a.fly {background:#00228a url(images/folder.gif) no-repeat 5px center;}


#flyout li#support a {background:#00228a url(images/support.gif) no-repeat 5px center;}
#flyout li#contact a {background:#00228a url(images/contact.gif) no-repeat 5px center;}

#flyout li:hover {position:relative;}
#flyout li a:hover {white-space:nowrap; color:#a7defc; position:relative;}
#flyout li:hover > a {color:#a7defc;}

#flyout li a.fly:hover {background:#00228a url(images/open.gif) no-repeat 5px center;}
#flyout li:hover > a.fly {background:#00228a url(images/open.gif) no-repeat 5px center;}

#flyout :hover ul {left:120px; top:-1px; width:150px; height:auto; border-top:1px solid #fff;}
#flyout :hover ul li {width:150px;}
#flyout :hover ul ul {left:-9999px;}

#flyout :hover ul :hover ul {left:130px; top:-1px;}
#flyout :hover ul li a {background:#00228a url(images/document.gif) no-repeat 5px center; width:119px;}
#flyout :hover ul li a b {width:119px; background:none;}
#flyout :hover ul li a.fly {background:#00228a url(images/folder.gif) no-repeat 5px center;}
#flyout :hover ul li a.fly b {background:url(images/arrow.gif) no-repeat right center;}
#flyout :hover ul li a:hover.fly {background:#00228a url(images/open.gif) no-repeat 5px center;}
#flyout :hover ul :hover > a.fly {background:#00228a url(images/open.gif) no-repeat 5px center;}

#flyout :hover ul :hover ul ul {left:-9999px;}
#flyout :hover ul :hover ul li a {background:#00228a url(images/document.gif) no-repeat 5px center; width:119px;}
#flyout :hover ul :hover ul li a b {width:119px; background:none;}
#flyout :hover ul :hover ul li a.fly {background:#00228a url(images/folder.gif) no-repeat 5px center;}
#flyout :hover ul :hover ul li a.fly b {background:url(images/arrow.gif) no-repeat right center;}
#flyout :hover ul :hover ul li a:hover.fly {background:#00228a url(images/open.gif) no-repeat 5px center;}
#flyout :hover ul :hover ul li:hover > a.fly {background:#00228a url(images/open.gif) no-repeat 5px center;}

#flyout :hover ul :hover ul :hover ul {left:130px; top:-1px;}
#flyout :hover ul :hover ul :hover ul li a {background:#00228a url(images/document.gif) no-repeat 5px center; width:119px;}
#flyout :hover ul :hover ul :hover ul li a b {width:119px; background:none;}

/* Telerik Overrides */
.RadEditor table, .RadEditor table td {padding: 0;}