/* CSS Classes Related to Controls */

/*	BUTTONS */

.Buttons
{
    BORDER-RIGHT: #333 1px solid;
	color: white;
    BORDER-TOP: #333 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #333 1px solid;
    CURSOR: hand;
    BORDER-BOTTOM: #333 1px solid;
    font-weight: normal;
    background-color: White;
	background-image: url(../../images/gray.jpg);
	background-position:right top;
	background-repeat:repeat-x;  
	padding: 3px;		
}

.Buttons_Bold
{
    BORDER-RIGHT: #cccccc 1px solid;
	color: white;
    BORDER-TOP: #cccccc 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #cccccc 1px solid;
    CURSOR: hand;
    BORDER-BOTTOM: #cccccc 1px solid;
    font-weight: bold;
    background-color: White;
	background-image: url(../../images/gray.gif);
	background-position:right top;
	background-repeat:repeat-x;
    padding: 3px;	
}

/*	END OF BUTTONS */

/* LABELS */

/*.Labels_PageHeading
{
	font-family: Arial;
	font-size: 18px;
	color: #3b3b45;
	font-style:normal;
	font-weight: bolder;
	letter-spacing: -1px;
}

.Labels_PageSubHeading
{
	font-family: Arial;
	font-size: 12px;
	color: #333333;	
	font-style: normal;
	font-weight: bold;
}

.Labels_Validation
{
	font-family: Arial;
	font-size: 11px;
	color: Red;	
	font-style: normal;
	font-weight: normal;
}
.Labels_Messages /* error messages, system messages etc */
/*{
	font-family: Arial;
	font-size: 11px;
	color: Red;	
	font-style: normal;
	font-weight: normal;
}
.Labels
{
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	font-weight:normal;
}
.Labels_Small
{
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	font-weight:normal;
}
.Labels_Medium
{
	font-family: Arial;
	font-size: 13px;
	font-style: normal;
	font-weight:normal;
}
.Labels_Large
{
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight:normal;
}

.Labels_Bold
{
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}

.Labels_SmallBold
{
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
}
.Labels_MediumBold
{
	font-family: Arial;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
}
.Labels_LargeBold
{
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}


/* END OF LABELS */

/* LINKS */
a
{
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	font-weight:normal;
	color:#cc0001;
	cursor:hand;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
	color:#a9bccd;
}

.link-yellow:active,.link-yellow:link, .link-yellow:visited
{
	color: #7e6427;
	text-decoration:none;
}
.link-yellow:hover{
	color: #868986;
	text-decoration:none;
}

.link-red:active,.link-red:link, .link-red:visited
{
	color: #b60342;
	text-decoration:none;
}
.link-red:hover{
	color: #868986;
	text-decoration:none;
}

.whitelink:active,.whitelink:link, .whitelink:visited
{
	color: #fff;
	font-size:11px;
	text-decoration:none;
}
.whitelink:hover{
	color: #868986;
	font-size:11px;
	text-decoration:underline;
}


.link-brown:active,.link-brown:link, .link-brown:visited
{
	color: #a46012;
	font-size:11px;
	text-decoration:none;
}
.link-brown:hover{
	color: #868986;
	font-size:11px;
	text-decoration:underline;
}

.link-green:active,.link-green:link, .link-green:visited
{
	color: #117b19;
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:underline;
}
.link-green:hover{
	color: #868986;
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
}

.smalllink-yellow:active,.smalllink-yellow:link, .smalllink-yellow:visited
{
	color: #7e6427;
	font-size:11px;
	text-decoration:none;
}
.smalllink-yellow:hover{
	color: #868986;
	font-size:11px;
	text-decoration:none;
}

.smalllink-green:active,.smalllink-green:link, .smalllink-green:visited
{
	color: #117b19;
	font-size:11px;
	text-decoration:none;
}
.smalllink-green:hover{
	color: #868986;
	font-size:11px;
	text-decoration:none;
}


.smalllink-dblue:active,.smalllink-dblue:link, .smalllink-dblue:visited
{
	color: #0049aa;
	font-size:11px;
	text-decoration:none;
}
.smalllink-dblue:hover{
	color: #868986;
	font-size:11px;
	text-decoration:none;
}

.smalllink-brown:active,.smalllink-brown:link, .smalllink-brown:visited
{
	color: #a46012;
	font-size:11px;
	text-decoration:none;
}
.smalllink-brown:hover{
	color: #868986;
	font-size:11px;
	text-decoration:none;
}

.smalllink-red:active,.smalllink-red:link, .smalllink-red:visited
{
	color: #b60342;
	font-size:11px;
	text-decoration:none;
}
.smalllink-red:hover{
	color: #868986;
	font-size:11px;
	text-decoration:none;
}


/* END OF LINKS */

/*.Textboxes
{
	border-right: #CCCCCC 1px solid;
	border-top: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	font-size: 11px;
	font-family: Arial;
}

.Textboxes_RightAlign
{
	border-right: #CCCCCC 1px solid;
	border-top: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	font-size: 11px;
	font-family: Arial;
	text-align:right;
}

.DropDownLists
{
	border-right: #CCCCCC 1px solid;
	border-top: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	font-size: 11px;
	font-family: Arial;
}



/* end of css classes related to Controls 



html, body {
	margin: 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	color: #010000;
	background: #c2c2c2;
}


/*
.bg{background-image: url(../../images/bgblue.gif);
	background-position:right top;
	background-repeat:repeat-x;
	background-color:#d4d5db;
}
	
.main-div{background-image: url(../../images/blueDivbg.gif);
	background-position:right top;
	background-repeat:repeat-x; 
	border-top: 1px solid #684026;}


select
{
	background-image: url(../../images/select_bg.jpg);
	border: 1px solid #c1c1bf;
}



td
{
	font-family: Arial;
	font-size: 12px;
	color: Black;	
	font-style: normal;
	font-weight:normal;
}
td.padding
{
	padding:2px;
}
.FieldLabels_Bold
{
	font-family: Arial;
	font-size: 11px;
	color: Black;	
	font-style: normal;
	font-weight: bold;
}

.HeaderCell
{
 background-color: inherit;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold; 
}

.GridRecordCountFooter
{
	font-weight: bold
}

.MenuHelp
{
	color: white;
	font-weight: bold
}

table.patterntable
{
	border: 1px solid #cdcdcd;
	background-image:url(../../images/tb_bg.jpg);
}


/*Master Template Unique classes
.headerbg
{
	background-image: url(../../images/top_bgblue.jpg); background-position:left top; background-repeat:repeat-x; border-bottom: 1px solid #684026;
}


/*App name
.appname-tdleft
{
	background-image: url(../../images/title_lefty.gif); background-position:left top; background-repeat:no-repeat; width:5px; height:15px;
	}

.appname-tdbg
{
	background-image: url(../../images/title_bg.gif); background-position:left top; background-repeat:repeat-x; 
	padding-left:10px; padding-right:10px;font-family: Arial;	color: #FFFFFF;	text-decoration: none;	font-size: 10px;
}
.appname-tdright
{
	background-image: url(../../images/title_righty.gif);  background-repeat:no-repeat; width:5px; height:15px;
}

/*Info name
.info-tdleft
{
	background-image: url(../../images/info_left.gif); background-position:left top; background-repeat:no-repeat; width:19px; height:25px;
	}

.info-tdbg
{
	background-image: url(../../images/info_ext.gif); background-position:left top; background-repeat:repeat-x; 
	padding-left:10px; padding-right:10px; font-family: Arial;	color: #FFFFFF;	text-decoration: none;	font-size: 10px;
}
.info-tdright
{
	background-image: url(../../images/info_right.gif);  background-repeat:no-repeat; width:19px; height:25px;
}

.MilesGridInactive
{
	background-color: #FFCCCC
}

.MilesGridInactiveAlternating
{
	background-color: #FFDDDD
}

/*Info tables
.corner-top-left {
	background-image: url(../../images/Cus-corner-tl.png);
	background-repeat: no-repeat;
	behavior: url(../../images/iepngfix.htc);
	height:10px; width:10px;
}
.corner-top-right {
	background-image: url(../../images/Cus-corner-tr.png);
	background-repeat: no-repeat;
	behavior: url(../../images/iepngfix.htc);
	height:10px; width:10px;
}
.corner-bott-right {
	background-image: url(../../images/Cus-corner-br.png);
	background-repeat: no-repeat;
	behavior: url(../../images/iepngfix.htc);
	height:10px; width:10px;
}
.corner-bott-left {
	background-image: url(../../images/Cus-corner-bl.png);
	background-repeat: no-repeat;
	behavior: url(../../images/iepngfix.htc);
	height:10px; width:10px;
}
.pattern-top{
	background-image: url(../../images/Cus-pat-t.gif);
	background-repeat: repeat-x;
	height:10px;
}
.pattern-right {
	background-image: url(../../images/Cus-pat-r.gif);
	background-repeat: repeat-y;
	width:10px;
}
.pattern-bottom {
	background-image: url(../../images/Cus-pat-b.gif);
	background-repeat: repeat-x;
	height:10px;
}
.pattern-left {
	background-image: url(../../images/Cus-pat-l.gif);
	background-repeat: repeat-y;
	width:10px;
}
/*End Info tables*/

/* MAIN LAYOUT */

#page-container {
	width: 100%;
	height:100%;
	margin:0;
	padding:0;
}

#top-container {
	height: 106px;
	width:100%;
	background:url(../images/bkg_top.jpg) repeat-x;
}
	
#top {
	margin:auto;
	width:903px;
}

#nav-container {
	height:33px;
	width:100%;
	background:url(../images/bkg_nav.jpg) repeat-x;
}

#nav {
	margin:auto;
	padding-left:75px;
	width:883px;
	text-align:center;
}

#flash {
	width:903px;
	text-align:center;
	padding:0px 0px 2px 0px;
}

#background {
	width: 100%;
	background:url(../images/bkg_main_blue.jpg) repeat-x #182d56;
	height:100%;
}

#backgroundred {
	width: 100%;
	background:url(../images/bkg_main_red.jpg) repeat-x #5e0f24;
	height:100%;
}

#backgroundgreen {
	width: 100%;
	background:url(../images/bkg_main_green.jpg) repeat-x #254830;
	height:100%;
}

#backgroundyellow {
	width: 100%;
	background:url(../images/bkg_main_yellow.jpg) repeat-x #7e6427;
	height:100%;
}

#backgroundgray {
	width: 100%;
	background:url(../images/bkg_main_gray.jpg) repeat-x #434343;
	height:100%;
}

#backgroundbrown {
	width: 100%;
	background:url(../images/bkg_main_brown.jpg) repeat-x #643908;
	height:100%;
}

#content-container {
	margin:auto;
	width:903px;
	background:#fff;
}

#boxes {
	height:233px;
	width:903px;
}

#content {
	margin:auto;
	width:883px;
	background:#fff;
	min-height:400px;
	padding:20px 10px 20px 10px;
}
#contentindex {
	margin:auto;
	width:883px;
	background:#fff;
	min-height:300px;
	padding:20px 10px 20px 10px;
}



#footer {
	margin:auto;
	height:63px;
	background:url(../images/bkg_footer.jpg) repeat-x;
	padding:10px 0px 0px 10px;
	font-size:11px;
}

.footer:active,.footer:link, .footer:visited
{
	color: #000;
	text-decoration:none;
}

.footer:hover{
	color: #ff0000;
	text-decoration:none;
}


/* END MAIN LAYOUT */

/* TITLES */

.h1 {
	color:#0049aa;
	font-size:19px;
	line-height:24px;
}

.redh1 {
	color:#b60342;
	font-size:19px;
	line-height:24px;
}

.greenh1 {
	color:#254830;
	font-size:19px;
	line-height:24px;
}

.yellowh1 {
	color:#7e6427;
	font-size:19px;
	line-height:24px;
}

.grayh1 {
	color:#434343;
	font-size:19px;
	line-height:24px;
}

.brownh1 {
	color:#643908;
	font-size:19px;
	line-height:24px;
}

/* END TITLES */


/* TEXT */

.redtext 
{
	color:#ff0000;
}

.graytext {
	color:#707071;
}

.smalltext {
	font-size:10px;
	line-height:12px;
}


/* END TEXT */



/* Green Pop Up Text*/

.thumbnail:active, .thumbnail:link, .thumbnail:visited {
position: relative;
font-family:Arial; font-size:12px; font-weight:bold; text-decoration:none; color:#2dc135;
z-index: 0;
text-decoration:none;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
text-decoration:none;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
width:250px;
background-color: #254830;
padding: 5px;
left: -1000px;
border: 1px dotted #cccccc;
visibility: hidden;
color: #fff;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left:0px; /*position where enlarged image should offset horizontally */
}

.greenwidethumbnail:link, .greenwidethumbnail:active, .greenwidethumbnail:visited {
position: relative;
font-family:Arial; font-size:12px; font-weight:bold; text-decoration:none; color:#2dc135;
z-index: 0;
text-decoration:none;
}

.greenwidethumbnail:hover{
background-color: transparent;
z-index: 50;
text-decoration:none;
}

.greenwidethumbnail span{ /*CSS for enlarged image*/
position: absolute;
width:500px;
background-color: #254830;
padding: 5px;
left: -1000px;
border: 1px dotted #cccccc;
visibility: hidden;
color: #fff;
text-decoration: none;
}

.greenwidethumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.greenwidethumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */
}


/* Dark Blue Pop Up Text*/

.darkbluethumbnail:link, .darkbluethumbnail:active, .darkbluethumbnail:visited {
position: relative;
font-family:Arial; font-size:12px; font-weight:bold; text-decoration:none; color:#0049aa;
z-index: 0;
text-decoration:none;
}

.darkbluethumbnail:hover{
background-color: transparent;
z-index: 50;
text-decoration:none;
}

.darkbluethumbnail span{ /*CSS for enlarged image*/
position: absolute;
width:250px;
background-color: #182d56;
padding: 5px;
left: -1000px;
border: 1px dotted #cccccc;
visibility: hidden;
color: #fff;
text-decoration: none;
}

.darkbluethumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.darkbluethumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left:0px; /*position where enlarged image should offset horizontally */
}

/* Dark Blue Wide Pop Up Text*/

.darkbluewide:link, .darkbluewide:active, .darkbluewide:visited {
position: relative;
font-family:Arial; font-size:12px; font-weight:bold; text-decoration:none; color:#0049aa;
z-index: 0;
text-decoration:none;
}

.darkbluewide:hover{
background-color: transparent;
z-index: 50;
text-decoration:none;
}

.darkbluewide span{ /*CSS for enlarged image*/
position: absolute;
width:500px;
background-color: #182d56;
padding: 5px;
left: -50px;
border: 1px dotted #cccccc;
visibility: hidden;
color: #fff;
text-decoration: none;
}

.darkbluewide span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.darkbluewide:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */
}



/* Dark Blue Left Pop Up Text*/

.darkblueleft: active, .darkblueleft:link, .darkblueleft:visited {
position: relative;
font-family:Arial; font-size:12px; font-weight:bold; text-decoration:none; color:#0049aa;
z-index: 0;
text-decoration:none;
}

.darkblueleft:hover{
background-color: transparent;
z-index: 50;
text-decoration:none;
}

.darkblueleft span{ /*CSS for enlarged image*/
position: absolute;
width:600px;
background-color: #182d56;
padding: 5px;
right: 100px;
border: 1px dotted #cccccc;
visibility: hidden;
color: #fff;
text-decoration: none;
}

.darkblueleft span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.darkblueleft:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left:-500px; /*position where enlarged image should offset horizontally */
}

/* POP Up */

/* Yellow Pop Up Text*/

.yellowthumb:active, .yellowthumb:link, .yellowthumb:visited {
position: relative;
font-family:Arial; font-size:12px; font-weight:bold; text-decoration:none; color:#be973d;
z-index: 0;
text-decoration:none;
}

.yellowthumb:hover{
background-color: transparent;
z-index: 50;
text-decoration:none;
}

.yellowthumb span{ /*CSS for enlarged image*/
position: absolute;
width:250px;
background-color: #7e6427;
padding: 5px;
left: -1000px;
border: 1px dotted #cccccc;
visibility: hidden;
color: #fff;
text-decoration: none;
}

.yellowthumb span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.yellowthumb:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left:0px; /*position where enlarged image should offset horizontally */
}

.yellowwide:active, .yellowwide:link, .yellowwide:visited {
position: relative;
font-family:Arial; font-size:12px; font-weight:bold; text-decoration:none; color:#be973d;
z-index: 0;
text-decoration:none;
}

.yellowwide:hover{
background-color: transparent;
z-index: 50;
text-decoration:none;
}

.yellowwide span{ /*CSS for enlarged image*/
position: absolute;
width:450px;
background-color: #7e6427;
padding: 5px;
left: -1000px;
border: 1px dotted #cccccc;
visibility: hidden;
color: #fff;
text-decoration: none;
}

.yellowwide span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.yellowwide:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */
}


/* Red Pop Up Text*/

.redthumb:active, .redthumb:link, .redthumb:visited {
position: relative;
font-family:Arial; font-size:12px; font-weight:bold; text-decoration:none; color:#b60342;
z-index: 0;
text-decoration:none;
}

.redthumb:hover{
background-color: transparent;
z-index: 50;
text-decoration:none;
}

.redthumb span{ /*CSS for enlarged image*/
position: absolute;
width:250px;
background-color: #5e0f24;
padding: 5px;
left: -1000px;
border: 1px dotted #cccccc;
visibility: hidden;
color: #fff;
text-decoration: none;
}

.redthumb span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.redthumb:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left:0px; /*position where enlarged image should offset horizontally */
}

.redwide:active, .redwide:link, .redwide:visited{
position: relative;
font-family:Arial; font-size:12px; font-weight:bold; text-decoration:none; color:#b60342;
z-index: 0;
text-decoration:none;
}

.redwide:hover{
background-color: transparent;
z-index: 50;
text-decoration:none;
}

.redwide span{ /*CSS for enlarged image*/
position: absolute;
width:450px;
background-color: #5e0f24;
padding: 5px;
left: -1000px;
border: 1px dotted #cccccc;
visibility: hidden;
color: #fff;
text-decoration: none;
}

.redwide span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.redwide:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */
}

/* Brown Pop Up Text*/

.brownthumb:active, .brownthumb:link, .brownthumb:visited {
position: relative;
font-family:Arial; font-size:12px; font-weight:bold; text-decoration:none; color:#a46012;
z-index: 0;
text-decoration:none;
}

.brownthumb:hover{
background-color: transparent;
z-index: 50;
text-decoration:none;
}

.brownthumb span{ /*CSS for enlarged image*/
position: absolute;
width:250px;
background-color: #643908;
padding: 5px;
left: -1000px;
border: 1px dotted #cccccc;
visibility: hidden;
color: #fff;
text-decoration: none;
}

.brownthumb span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.brownthumb:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left:0px; /*position where enlarged image should offset horizontally */
}

.brownwide:active, .brownwide:link, .brownwide:visited {
position: relative;
font-family:Arial; font-size:12px; font-weight:bold; text-decoration:none; color:#a46012;
z-index: 0;
text-decoration:none;
}

.brownwide:hover{
background-color: transparent;
z-index: 50;
text-decoration:none;
}

.brownwide span{ /*CSS for enlarged image*/
position: absolute;
width:450px;
background-color: #643908;
padding: 5px;
left: -1000px;
border: 1px dotted #cccccc;
visibility: hidden;
color: #fff;
text-decoration: none;
}

.brownwide span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.brownwide:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */
}