body{padding:0;margin:0;font:13px Arial,Helvetica,Garuda,sans-serif;*font-size:small;*font:x-small;}

table{font-size:inherit;font:100%;}

img{border:0;}



/* CSS Document */
body{
background-color:#fafafa;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
margin:0;
}

.bg{
background-image:url(images/bg.jpg);
background-repeat:repeat-x;
background-color:#ffffff;
}

.bg2{
background-image:url(images/bg2.jpg);
background-repeat:repeat-x;
background-color:#ffffff;
}

.loginbg{
background-image:url(images/login_bg.jpg);
background-position:right;
background-repeat:no-repeat;
width:283px;
height:33px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
font-weight:bold;
text-transform:uppercase;
padding-left:12px;
padding-bottom:4px;
}

.loginbg #search{
border:none;
width:170px;
height:15px;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#535353;
}

.terms{
background-color:#fafafa;
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
padding-bottom:15px;
line-height:1.5em;
}
.terms a, .terms a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
text-decoration:none;
}

.footer{
background-color:#fafafa;
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
line-height:1.5em;
padding-top:15px;
}
.footer a, .footer a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
text-decoration:none;
}

.header{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#04576e;
font-weight:bold;
text-transform:uppercase;
height:25px;
background-color:#ffffff;
padding-left:12px;
}

.memberlog{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#d9e7ea;
padding-left:12px;
color:#414141;
}
.memberlog a, .memberlog a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#005a73;
text-decoration:underline;
}
.memberlog #field, .memberlog .field{
border:1px #87a4b0 solid;
width:71px;
height:15px;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#535353;
}

.news{
background-color:#fcfdfe;
background-image:url(images/newsbg.jpg);
background-repeat:no-repeat;
width:283px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#535353;
line-height:1.1em;
list-style-image:url(images/pbullet.gif);
}
.news a, .news a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#535353;
text-decoration:none;
}
.news ul{
padding-left:27px;
padding-right:12px;
}
.news ul li{
padding-bottom:8px;
}

.newstitle, .newstitle a, .newstitle a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#04576e;
font-weight:bold;
text-decoration:none;
}

.newsbottom{
background-image:url(images/news_bottom.jpg);
background-repeat:no-repeat;
width:283px;
height:29px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
font-weight:bold;
}

.newsbottom a, .newsbottom a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

.newsnav, .newsnav a, .newsnav a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
text-decoration:none;
}

.content{
background-image:url(images/cbg2.jpg);
background-repeat:repeat-x;
background-color:#fafafa;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-align:justify;
list-style-image:url(images/pbullet.gif);
}
.content a, .content a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0284a8;
text-decoration:none;
}

.contentspace{
width:940px;
padding:0 21px 10px 21px;
}

.contentspace2{
width:640px;
padding:0 21px 10px 21px;
}

.border{
border-left:1px #919c9e dotted;
}

.title{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#0284a8;
font-weight:bold;
padding-bottom:6px;
}

.sub{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#0284a8;
font-weight:bold;
}

.newsbg1{
background-image:url(images/news_bg1.jpg);
background-repeat:no-repeat;
width:122px;
height:25px;
color:#656565;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

.newsbg2{
background-image:url(images/news_bg2.jpg);
background-repeat:no-repeat;
width:862px;
height:25px;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
padding:0 20px 0 20px;
}

#newspace{
padding-right:25px;
}


.subnav{
padding-right:21px;
text-align:left;
padding-left: 40px;
}

.subnav ul li{
padding-bottom:8px;
}

.subnav a{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
font-weight:bold;
line-height:1.3em;
list-style-image:url(images/pbullet.gif);
}

.subnav a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#74083d;
font-weight:bold;
line-height:1.3em;
list-style-image:url(images/pbullet.gif);
}

/************** BEGIN DEFAULT STYLE *****************************/

.hide
{
    display:none;
    visibility: hidden;
    height: 0px;
    width: 0px;
    overflow: hidden;
}

.hand
{
    cursor: hand;
    cursor: pointer;
}


/*
	yDSF (ydnar Drop-Shadow-Fu)
	ydnar@sixapart.com - http://www.sixapart.com
*/

.ydsf {
display: inline-block;
width: 100%;
	position: relative;
	margin: 4px -4px -4px 4px;
	background: url(/images/shadow-grid.gif) repeat;
}

/* ie6 ignores this selector */
html>body .ydsf {
	margin: 10px -10px -10px 10px;
	background: url(/images/shadow.png) right bottom no-repeat;
}

/* shadow corners */
.ydsf:before,
.ydsf:after {
	content: " ";
	display: block;
	width: 10px;
	height: 10px;
	background: inherit;	
}

.ydsf:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: -10px 0 0 auto;
	background-position: right top;
}

.ydsf:after {
	margin: -10px 0 0 -10px;
	background-position: left bottom;
}

.ydsf .inner {
display: block;
	position: relative;
	overflow: hidden; /* prevents margin leakage from child elements */
	left: -4px;
	top: -4px;
}

/* ie6 ignores this selector */
html>body .ydsf .inner {
	left: -10px;
	top: -10px;
	margin: 0;padding: 0;
}


textarea.error  { background: #fed; border: 1px solid #e00; }
input.error  { background: #fed; border: 1px solid #e00; }
select.error { background: #fed; border: 1px solid #e00; }
span.error
{
	float: left;
	display: block;
	margin: 0 0 0 5px;
	padding: 3px;
	width: auto;
	font-weight: bold;
	font-size:8pt;
	color: #fff;
	background: red;
}


.row0
{
    height: 19px;
    background-color: #BBBBBB;
    font-family: Verdana, Arial, Sans;
    font-size: 8pt;
    font-weight: bold;
    color: #333333;
    vertical-align: top;
}
.row0 td, .row0 th
{
    padding-top: 3px;
}

/* begin pager style */
.row0b
{
    height: 22px;
    background     : #ddd url("/images/HeaderGradientImageType.png") center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #333333;
    border-style: none;
}
.row0b td, .row0b th
{
    padding: 0px;
}
.row0b a, .row0b a:active, .row0b a:visited
{
    text-align:center;
    height: 22px;
    color: #111111;
    text-decoration: none;
    font-weight: 700;
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    padding-right: 5px;
    padding-left: 6px;
    padding-top: 3px;
}
.row0b a:hover, .row0b a:active:hover, .row0b a:visited:hover
{
    background     : #666 url("/images/HeaderGradientImageType.png") center;
    color: #fff;
}
.row0b span
{
    text-align:center;
    height: 22px;
    background     : #999 url("/images/HeaderGradientImageType.png") center;
    color: #111111;
    text-decoration: none;
    font-weight: 700;
    font-size: 9pt;
    font-family: Arial, Helvetica, sans-serif;
    padding-right: 5px;
    padding-left: 6px;
    padding-top: 3px;
}
/* end pager style */


.row0c
{
    height: 22px;
    background-color: #AAAAAA;
    background-image: url(/images/bg_navigation3.gif);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #333333;
    border-style: none;
    vertical-align: top;
}
.row0c td, .row0c th
{
    padding-top: 3px;
}



.row1
{
    height: 22px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    background-color: #86b436;
    font-family: Verdana, Arial, Sans;
    font-size: 8pt;
    color: #000000;
    text-decoration: none;
    border-style: none;
    vertical-align: top;
}
.row1 td, .row1 th
{
    padding-top: 3px;
}
.row0 a:link, .row0 a:active, .row0 a:visited, 
.row1 a:link, .row1 a:active, .row1 a:visited, 
.row2 a:link, .row2 a:active, .row2 a:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    text-decoration: underline;
}
.row0 a:hover, 
.row0 a:visited:hover, 
.row1 a:hover, 
.row1 a:visited:hover, 
.row2 a:hover, 
.row2 a:visited:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #ffffff;
    background-color: #999999;
    text-decoration: none;
}

.row2
{
    height: 22px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    background-color: #8fbc42;
    font-family: Verdana, Arial, Sans;
    font-size: 8pt;
    color: #000000;
    text-decoration: none;
    border-style: none;
    vertical-align: top;
}
.row2 td, .row2 th
{
    padding-top: 3px;
}

.row3
{
    height: 16px;
    background-color: #565656;
    padding: 2px;
}

.row4 /*modalform*/
{
    background: #ffffff url(../images/whiteline.gif) repeat;

    width:100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    text-decoration: none;
}
.row5
{
    background: #868686;
}
.row6 /*detail modal background*/
{
    background: #868686;
text-align:left;
}
#menu6 /*detail menu*/
{
    position:absolute;top:27px;left:1px;width:200px;height:480px;overflow:hidden;
    background: transparent url(../images/playlist_background.gif) no-repeat;
text-align:left;
}
#footer6
{
    width:200px;height:55px;
    background: transparent url(../images/playlist_footer.png) no-repeat;
text-align:left;
}
#body6 /*detail body*/
{
    position:absolute;top:27px;left:201px;width:717px;height:480px;overflow:auto;overflow-x:hidden;
    background: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
text-align:left;
}



.Separator1Center
{
    margin: 0;
    width: 100%;
    height: 20px;
    background: transparent url(/images/bg_separator3.jpg) repeat-x;
}
.Separator1Left
{
    float: left;
    width: 25px;
    height: 20px;
    background: transparent url(/images/bg_separator3.jpg) no-repeat;
    background-position:0px -20px;
}
.Separator1Right
{
    float: right;
    width: 25px;
    height: 20px;
    background: transparent url(/images/bg_separator3.jpg) no-repeat;
    background-position:0px -40px;
}



.row1 .Separator1Center
{
    margin: 0;
    width: 100%;
    height: 20px;
    background: transparent url(/images/bg_separator3_row1.jpg) repeat-x;
}
.row1 .Separator1Left
{
    float: left;
    width: 25px;
    height: 20px;
    background: transparent url(/images/bg_separator3_row1.jpg) no-repeat;
    background-position:0px -20px;
}
.row1 .Separator1Right
{
    float: right;
    width: 25px;
    height: 20px;
    background: transparent url(/images/bg_separator3_row1.jpg) no-repeat;
    background-position:0px -40px;
}



.row2 .Separator1Center
{
    margin: 0;
    width: 100%;
    height: 20px;
    background: transparent url(/images/bg_separator3_row2.jpg) repeat-x;
}
.row2 .Separator1Left
{
    float: left;
    width: 25px;
    height: 20px;
    background: transparent url(/images/bg_separator3_row2.jpg) no-repeat;
    background-position:0px -20px;
}
.row2 .Separator1Right
{
    float: right;
    width: 25px;
    height: 20px;
    background: transparent url(/images/bg_separator3_row2.jpg) no-repeat;
    background-position:0px -40px;
}



.Separator2Center
{
    margin-left: 10px;
    height: 20px;
	background: url(/images/shadow.png) right bottom no-repeat;
    background-position:right -4006px;
}
.Separator2Right {
	background: url(/images/shadow.png) right no-repeat;
}
.Separator2Bottom
{
margin-right: 10px;
padding-left: 6px;
padding-top: 2px;
height:16px;
background: #EEEEEE;
text-align:left;
}


/* --------------- Content Module Styles -------------------*/
.BreadcrumbContent
{
}

.BreadcrumbContent a:link, .BreadcrumbContent a:active, .BreadcrumbContent a:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #444;
    text-decoration: none;
}
.BreadcrumbContent a:hover, 
.BreadcrumbContent a:visited:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #111;
    text-decoration: underline;
    background-color: transparent;
}

#ctl00_GridTable_ValidationSummary ul li {list-style-type: none;}

/* End */


/* --------------- Smooth Navigational Menu Styles -------------------*/

.ddsmoothmenu{
font: 9pt Verdana;
background: transparent; /*background of menu bar (default state)*/
width: 100%;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
list-style-type: none;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
/*background: #D4A017; /*background of menu items (default state)*/
color: grey;
width: 80px;
padding: 5px 10px;
border-right: 0px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: grey;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
/*background: #99AEDD; */
color: grey;
}

.ddsmoothmenu ul li a:hover{
/* background: #FDD017; background of menu items during onmouseover (hover state)*/
color: black;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 8pt Verdana;
width: 160px; /*width of sub menus*/
padding: 5px 10px 5px 10px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
border-right: 1px solid gray;
}

.ddsmoothmenu ul li ul li a:hover, .ddsmoothmenu ul li ul li a.selected{
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.0;
}

/* End */

/************** END DEFAULT STYLE *****************************/

 /* Image background for Photo Gallery */
.imgBackground
{
    background: lightblue; 
    width: 100%; 
    height: 160px;
}
a.getattachment:link, a.getattachment:active, a.getattachment:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #fff;
    text-decoration: none;
    background: transparent url( '/images/button-download_21b.png' ) no-repeat;
    padding-left: 62px;
width:80px;
height:21px;
display:inline-block;
line-height:1.8em;
}
a.getattachment:hover, a.getattachment:visited:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    /*color: #F99;*/
    text-decoration: none;
}

/* Boxes to show progress in registration flow */
#tblSequence
{
    margin: 0 auto;
    background: #ccc;
}
#tdSequence
{
    padding-top: 4px;
    padding-bottom: 4px;
    width: 48px;
    height: 38px; /*Opera, FF*/
    *height: 32px; /*IE*/
    text-align: center;
    font-size: 10pt;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase; /* force text to uppercase */
    border: solid 1px #fff;
}
#tdSequence.current
{
    padding-top: 8px;
    padding-bottom: 0px;
    background: #444 url('/images/currentstep.png') no-repeat;
    background-position: 6px 3px;
}

/* Widget Styles */
#widgetContainer
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #111;
}

#widgetContainer input[type=text]
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

/* Slideshow Widget Styles */
.scroller_container{
    background:transparent url(/images/scroller_background.png) no-repeat;
    background-position: left bottom;
}
.scroller_container .slider_button{
    width:18px;
    height:22px;
    background:transparent url(/images/scroller_button.png) no-repeat;
    background-position: left bottom;
    color:#666666;
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration:none;
    text-align:center;
    line-height:2.4em;
}
.scroller_container .slider_button:hover, .scroller_container a.selected{
    background:transparent url(/images/scroller_button.png) no-repeat;
    background-position: right bottom;
    color:#2A96B5;
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration:none;
    text-align:center;
    line-height:2.4em;
}
.scroller_container .legend{
    width:82px;
    height:22px;
    background:transparent url(/images/scroller_legend.png) no-repeat;
    background-position: left bottom;
}
.scroller_container .spacer{
    width:10px;
}

.login td{
font-size:11pt;
}

.login a{
font-size:10pt;
color:#111111;
text-decoration:none;
}

.login a:hover{
font-size:10pt;
color:#ff1111;
text-decoration:underline;
}