body { background-image: none; background-repeat: no-repeat; overflow:scroll; background: -webkit-gradient(linear, left top, left bottom, from(#c9cacc), to(#e9e9e9)); background: -moz-linear-gradient(top,  #c9cacc,  #e9e9e9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9cacc', endColorstr='#e9e9e9'); }


.cssWindow { width:100%; height:auto; margin: 0px auto;}

.cssBlackLine {width:100%; height:4px; margin:0px auto; float:right; clear:right; background-color:#000000;}
.cssPageHeader { width:100%; height:266px; margin:0px auto; float:right; clear:right; background-image:url(img/headerbkg.jpg); background-repeat: repeat-x; position:relative; z-index:1;  }
.cssLogo { width:100%; height:266px;  margin:0px auto 0px auto; clear:none; background-image:url(img/header.jpg); background-position:bottom; background-repeat: no-repeat; position:relative; z-index:1;  }
.cssLogin { width:150px; height:15px; float:right; clear:none; margin-top:-240px; margin-right:10px; position:relative; z-index:3;}
.cssFlags { margin:0px auto; float:right; }
.cssUser { margin:0px auto; float:right; }
.cssMenuFrame { width:100%; height:40px; margin:-40px auto 0px auto;  float:right; clear:none; background-color:transparent; position:relative; z-index:2;}
.cssMenuPane { width:980px; height:32px; margin:8px auto 0px auto;  clear:none; background-image: url(img/menubkg.png); background-repeat:repeat-x;}
.cssMenu { width:auto; height:32px; float:right;  clear:none; margin-right:235px; }
.cssContactPane {width:224px; height:40px; margin:-40px 0px 0px auto; float:right; clear:right; background-image: url(img/contact.png); background-repeat:no-repeat;}
.cssContactText { vertical-align:top; font-weight:normal !important; font-family:Arial; font-size:13px !important; color:#ffffff !important; background-color: transparent; line-height:40px; text-align: center !important; text-decoration:none !important;}

.cssPageBody { width:980px; height:auto; overflow:hidden; clear: both;  margin:0px auto 0px auto;  background-color:transparent; position:relative; z-index:0;}
.cssTopPane {width:745px; height:150px; margin:20px auto 10px auto; background-color :rgba(87,189,211,0.8); position: absolute;}

.cssNewsPane {width:224px; height:150px; margin:20px 0px 10px 755px; background-image:url(img/newsbkg.png); background-repeat:repeat-x;  position: absolute;}

.cssContent {width:745px; min-height:620px; height:auto; margin:194px auto auto auto; background-color :rgba(253,253,253,0.9); float:left; }
.cssColors {width:15px; height:100%; background: -webkit-gradient(linear, left top, left bottom, from(#2690a6), to(#f3a334)); background: -moz-linear-gradient(top,  #2690a6,  #f3a334); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2690a6', endColorstr='#f3a334'); margin-top:0px; margin-bottom:0px; float: left;  position:absolute; }
.cssContentPane { width: 485px; min-height:600px; height:auto; margin: 10px 15px 0px 220px; float: right;}

.cssNewsletterPane { width:224px; height:150px; margin:194px 0px 10px 755px; background-image:url(img/newsbkg.png); background-repeat:repeat-x; position: absolute; z-index:4;}

.cssButterfly {width:65px; height:69px; margin:325px -20px 10px 935px; background-image:url(img/butterfly.png); background-repeat:no-repeat; position: absolute; z-index:2; }

.cssPopularPane {width:224px; height:580px; margin:360px 0px 10px 755px; background: -webkit-gradient(linear, left top, left bottom, from(#9fa0a4), to(#eaeaec)); background: -moz-linear-gradient(top,  #9fa0a4,  #eaeaec); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9fa0a4', endColorstr='#eaeaec'); position: absolute;  z-index:1;}

.cssPageFooter { width:100%; height: 60px; float: right; margin:100px 0px 0px 0px; background-color:#4d4d4d; }
.cssFooterPane { width:980px; height:40px;   margin-left:auto; margin-right:auto; clear:right;}
.cssLeftFooterPane { width:175px; height:40px;  margin: 10px auto auto 0px;  float: left; clear:left;  }
.cssRightFooterPane { width:350px; height:40px; float: right;  margin: 10px 0px auto auto;}
.cssFooterText { font-weight:normal !important; font-family:Arial; font-size:11px !important; color:#ffffff !important; background-color: transparent; text-align:left !important; text-decoration:none !important;}
.cssFooterText2 { font-weight:normal !important; font-family:Arial; font-size:11px !important; color:#ffffff !important; background-color: transparent; text-align:left !important; text-decoration:none !important;}
.cssFooterText:hover {  color:#2690a6 !important;}

.cssMenuItem { font-weight:normal !important;   font-family:Arial; font-size:11px !important; color:#000000 !important;  background-image:url(img/underline.png); text-align :left !important; background-color :rgba(255,255,255,0.9); text-transform:uppercase; text-decoration: none !important; white-space: normal;}
.cssMenuItem:hover { color: #2690a6 !important; }
.cssMenuRoot { font-weight:normal !important; font-family:Arial; font-size:12px !important; color:#ffffff !important; line-height:30px; background-color: transparent; }
.cssMenuRoot:hover { color: #2690a6 !important; background-color :rgba(255,255,255,0.9); }
.cssMenuSelected { color: #2690a6 !important; }

.rmGroup { width:240px;  }
.rmGroup .rmText { padding-top:6px !important; padding-bottom:4px !important;} 
.rmGroup .rmLevel2  { position:relative; z-index:2; }
.rmGroup .rmLevel2 .rmText { text-transform: none !important; font-size:12px !important; }
.rmGroup .rmLevel2 .rmItem {width:240px;}




.youarehereCSS
{
    font-family: Verdana, Tahoma, Arial;
    font-size: 12px;
    color: #2690a6;    
}

/*  search  web site */
.skinObject
{
	color: #336699;
	font-size: 11px;
	font-weight: bold;
}


/* styles for simple subscription form*/
.ssLabel{font-family: Arial,Tahoma,Helvetica;font-size: 12px; font-weight: normal; color: #333333; /*C0C0C0*/ text-align: left;}
.ssTextBox{ font-family: 'PFDinTextRegular',Tahoma, Helvetica, Arial; font-size: 12px; background-color:#edece0}
.ssMessage{font-weight:bold}


/* search, logout etc link*/

A.SkinObject:link
{
	text-decoration: none;
	color: #ffffff;
	text-transform:uppercase;
	font-family:Arial;
}

A.SkinObject:visited
{
	text-decoration: none;
	color: #ffffff;
}

A.SkinObject:hover
{
	text-decoration: none;
	color: #2690a6;
}
A.SkinObject:active
{
	text-decoration: none;
	color: #2690a6;
}

.StandardButton
{
    background-position: #CCCCCC none;
    background: #CCCCCC none;
    color: #ffffff;
    font-family: Verdana, sans-serif;
    font-size: 10px;
    font-weight: normal;
}

/* style for the tree view menu */

/* style for module titles */


/* define special styles for images and links 

img
{
    border-right: none;
    border-top: none;
    border-left: none;
    border-bottom: none;
}

*/
a:active, a:link, a:visited
{
    font-family: Tahoma, Arial, Helvetica;
    color: #7e7b7b;
    font-weight: bold;
    padding-bottom:0px;
    outline:none !important;
}

a:hover
{
	font-family: Tahoma, Arial, Helvetica;
	color: #2690a6;
	text-decoration:none;	
}

/* text style used for most text rendered by modules */
.Normal, .NormalDisabled
{
    font-family: Arial,Tahoma,Helvetica;
    font-size: 14px;
    font-weight: normal;
    color: #333333; /*C0C0C0*/
    text-align: left;
    line-height:25px;
}

/* text style used for rendered text which should appear disabled */
.NormalDisabled
{
	color: Silver;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
}

/* text style used for error messages */
.NormalRed
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #ff0000;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
    color: #C0C0C0;
    font-family: Verdana, Tahoma, Arial;
    font-size: 11px;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link
{
    color: #C0C0C0;
    font-family: Verdana, Tahoma, Arial;
    font-size: 11px;
}

A.CommandButton:visited  {
}

A.CommandButton:hover    
{
    color:#ff9966;
}
    
A.CommandButton:active   
{
    color: #C0C0C0;
    font-family: Verdana, Tahoma, Arial;
    font-size: 11px;  
}

/* special styles for images and links*/

.imgBorder
{
    padding: 3px;
    border-style: solid;
    border-width: thin;
    clear: left;
    float: left;
    margin-bottom: 10px;
}

.imgVerBorder
{
	padding: 3px;
    border-style: solid;
    width:100px;
    height:150px;
    border-width: thin;
    clear: left;
    float: left;
    margin-bottom: 10px;
}

/* style for module titles */
.Head, .moduleHeader
{
    font-family: Arial, Tahoma, Helvetica;
    font-size: 18px;
    font-weight: normal;
    color:inherit;
    padding-left:7px;
}


/* style of item titles on edit and admin pages */
.SubHead, .moduleSubHeader
{
    font-family:  Arial, Tahoma, Helvetica;
    font-size: 13px;
    font-weight: bold;
    color: #666666;
}

.icoImage
{
    float: left;
    clear:left;
    width: 100px;
    height: 40px;
    padding-top:2px;
    padding-bottom:2px;
    vertical-align: text-top;
}

a:hover .icoImage 
{
    float:left;
    padding: 0px;
    padding-top:1px;
    padding-bottom:1px;   
    width:102px;
    height:42px;
}

/* custom styles for announcments */

.announceTitle
{
    font-family: Arial,Tahoma,Helvetica;
    font-size: 12px;
    text-align: left;
    color: #7e7b7b;
    font-weight: normal;
    margin-top:2px;
}

.announceDate
{
    font-family: Tahoma;
    font-size: 10px;
    text-align: left;
    color: #000000;
    font-style: normal;
    font-weight: bold;
}

.announceText
{
    font-family: Tahoma;
    font-size: 12px;
    text-align: left;
    font-weight: normal !important;
}

.announceImg
{
    padding: 2px;
    width: 10px;
    height: 15px;
    border-style:none;
    margin-right: 5px;  
}

.announceImg2
{
    padding: 2px;
    width: 170px;
    height: 9px;
    border-style:none;  
    margin-left: 20px;
}

.UDT_Table_Item
{
	background-color: #CCCCCC;
	font-size:11px;
}

.UDT_Table_AlternateItem
{
	font-size:11px;
}



/* FieldSet */
.UDT_Form Fieldset, .UDT_Type_Captcha
{
	border: 1px solid #ACA297;
        margin: 10px 0 30px;
	position: relative;
	background: #ddecef;
}

/* Legend */
.UDT_Field legend
{
	color: #7e7b7b;
	border-style:none;
	padding:  6px;
	font-weight: bold;
	font-size: 13px;
}
/* Fields */
.UDT_Caption
{
	padding:3px 7px 2px 0px;
	width: 45px;
	display:inline-block;
	white-space:nowrap;
}
div.UDT_Input
{
	padding-top:5px;
	padding-bottom: 7px;
	display:inline-block;
	width: 120px;
	color: #7e7b7b;
}

.NormalTextBox
{
    background-color: #ddecef;
    border-style:none;
    width:130px;
    height:18px;
}

/* Buttons */
.UDT_Buttons input
{
	color: #ffffff;
	border: 1px outset #ACA297;
	padding: 6px;
	cursor: pointer;
}
.UDT_Buttons Input.UDT_Default
{
	background: #919191;
	border-style:none;
	font-weight: bold;
	text-transform:uppercase;
	color: #fff;
}

.UDT_Buttons Input.UDT_Cancel
{
	background: #919191;
	border-style:none;
	font-weight: bold;
	text-transform:uppercase;
	color: #fff;
}

.UDT_Field .UDT_Type_Boolean {clear:left;}
.UDT_Field .UDT_Type_Boolean .UDT_Caption {width:100px; color: #ddecef;}