/**
{
font-family: Tahoma,Verdana,Helvetica,Arial;
font-style: normal;
font-weight: normal;
font-size: 11px; 80% of normal font size of browser*/
/*line-height: 140%; normal for most browsers is 120% - 140 adds more space*/
/*color: Black;*/


/*other styles not needed currently

text-transform: uppercase;

letter-spacing: 5em;



-use display: block; to inline elements you want to act like a block element (usually to apply width)

display: block;




-css box model = margin, bg color, bg image, border, padding, content

margin-top: 1px;
margin-bottom: 1px;
margin-left: 1px;
margin-right: 1px;

background-color: Blue;

background: url(image.gif) repeat-x; 
background-position: 0 100%;

border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;

padding-top: 1px;
padding-bottom: 1px;
padding-left: 1px;
padding-right: 1px;




-styling links - order is impotant due to cascade - 

a - a with increased active area - 
{
padding: 4px 0;
position: relative;
z-index: 1;
background: yellow;
}
a:link *styles unvisited
{
}
a:visited *styles visited
{
}
a:focus *styles the link for ppl who tab through links - not supported by ie (maybe 7) use active instead
{
}
a:hover *styles when over link
{
}
a:active *styles when clicked
{
}

}*/


/* -------------- tag selectors ---------------------------------- */


body 
{ 
	background-color: #fff;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

TD
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Helvetica, Arial, sans-serif
}

H1
{
 font-size: 13px;
 font-weight:bold;
}

a:hover
{

}

b
{
    color:#000;
    font-size:12px;
}

A
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #2E91D0;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    border-bottom: 0px dotted #2E91D0; 
}

a.redLink
{
    COLOR: red;
}

P
{
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px
}

p  { color: #666; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 13pt; }

td  { color: #666; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 13pt; }

p
{
	display: block;
}

div#nav
{
    padding-top:7px;
}


/* -------------- form element selectors ---------------------------------- */

select, input, textarea
{
	font-family:Tahoma,Verdana,helvetica,arial;
	font-size:11px;
	color:#000000;
}
checkbox
{
	font-family:Tahoma,Verdana,helvetica,arial;
	font-size:11px;
	color:#ccc;
	border:solid 0px #2E91D0;
	padding-right:5px;
}
.formText
{
	font-family:Tahoma,Verdana,helvetica,arial;
	font-weight:bold;
	font-size:10px;
	color:#000000;
}

select
{
    FONT-SIZE: 11px;
    COLOR: #2E91D0;
    FONT-FAMILY: Helvetica, Arial, sans-serif;
    font-weight : normal;
	text-decoration : none;
	border: 0;
}

.input-no-border
{
    border:0;    
}

.input-with-border
{
    border:solid 1px #b8b8b8;   
}


/* -------------- ID selectors ---------------------------------- */


#mainDiv
{
	text-align: center;
	width: 100%;
}

/* -------------- class selectors ---------------------------------- */

.helpBTN
{
    position:absolute;
    top:0px;
    right:0px;
    z-index:55;     
    height: 28px;
	width: 27px;
	padding: 0px;
	display: block;
	cursor:pointer;
	background-image: url(../images/manage/btn-help-main-lrg.png);
	background-position: 0px 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;    
}

.helpBTN:hover {
	background-position: 0px 28px;
}

.hoverheader
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10px;
    COLOR: white
}
.hoverbody
{
    FONT-WEIGHT: normal;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
}
.imgBorder
{
	border : solid Black;
	border-width : 5px;
}

.floatRight
{
	float:right;
	clear:none;
	text-align:right;
}
.floatLeft
{
	float:left;
	text-align:left;
}
.justifyLeft
{
	text-align:left;
}

.header
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}

.required
{
	border:2px solid red;
}

.center
{
	text-align: center;
}
.centerTable
{
	margin-left: auto;
	margin-right: auto;
}

.white
{
color:White;	
}
.white a
{
color:White;
border-bottom: 1px dotted #ffffff; 
}
.white td
{
color:White;	
}
.imgBorder
{
	border : solid;
	border-width : 1px;
	border-color : #003366;
}

.topTxt
{
	width:850px;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial,helvetica;
	color: #f5f5f5;
	font-size:8px;		
}

.topTxt td
{
	font-family: Arial,helvetica;
	color: #cccccc;
	font-size:9px;		
}

.topTxt a
{
	font-family: Arial,helvetica;
	color: #cccccc;
	font-size:9px;	
	border-bottom: 1px dotted #cccccc; 	
}

.contentArea
{
	width:80%;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial,helvetica;
	color: #000000;		
}

.greyBorders 
{
	border:dotted 1px #cccccc;
	border-collapse:collapse;
}

.greyBorders tr,td
{
	border-collapse:collapse;
}

.rightColumnRepeaterTable
{
	border: dotted 1px #cccccc;
	background-color:#fff;
}

.rightColumnRepeaterTable .rptTD
{
	border-top: dotted 1px #cccccc;
	padding-top:8px;
	padding-bottom:8px;
}

.inputTable
{
	border:1px dashed #2880BB;
}

.inputTable td, th
{
	
}

/* -------------- overlib hover styles ---------------------------------- */

.overlibDivOne
{
    background-color:#fefefe;
    padding:2px;
    
}

.overlibDivTwo
{
    border:solid 1px #2e91d0; 
    padding:5px; 
    background-color:#f2f2f2;
    color:#666666;
}


/* -------------- updateing panel divs for ajax stuff ---------------------------------- */
	
.updateProgressDivMain
{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	z-index:1000;
	width:100%;
	height:100%;
	min-height:100%;
	min-width:100%;
	background-image: url(../controls/ajax/white_bg.png);
}

.updateProgressDivChild
{
	width:250px;
	height:150px;
	/*background-color:#6B6B6B;*/
	color:black;
	margin-top: -75px;
	margin-left: -125px;
	position: absolute;
	top: 50%;
	left: 50%;
	/*border:solid 2px black;*/
	z-index:1001;
	font-weight:bold;
}

/* -------------- ZMS main nav stuff - manage.aspx ---------------------------------- */

#ZMSnav 
{
    margin:0;
    padding:0;
    list-style-type:none;
    margin-left:auto;
    margin-right:auto;
    width:798px; 
}
#ZMSnav li 
{
    display:inline;
    float:left;
    width:133px;
    height:39px;
    background-image:url(../images/manage/main_nav_bg_btn.gif);
    text-align:center;
    cursor:pointer;
    border-bottom: 1px dotted #2E91D0;
}

#ZMSnav li:hover 
{
    background-image:url(../images/manage/main_nav_bg_btn_over.gif);
}

#ZMSnav a:link, #ZMSnav a:visited 
{
    display:block;
    padding-top:12px;
    cursor:pointer;
    text-decoration:none;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:15px;
    color:#1FA7BE;
    font-weight:bold;
    border-bottom: 0px dotted #2E91D0; 
}

/* ------------------------------ telerik stuff ------------------------------------ */


.RadGrid_Metro .rgHeader a
{
    color: #25a0da !important;
}
        
.RadGrid_Metro .rgHeader
{
    border-bottom: 2px solid #e5e5e5 !important;
}