﻿/* ****************** RatingWeather ****************** */
.ratingWeather
{
    font-size: 0pt;
    width: 16px;
    height: 16px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}
.filledRatingWeather
{
    background-image: url(/images/AjaxRating/weather_sun.png);
}

.emptyRatingWeather
{
    background-image: url(/images/AjaxRating/weather_clouds.png);
}

.savedRatingWeather
{
    background-image: url(/images/AjaxRating/weather_lightning.png);
}
/* ****************** RatingFlags ****************** */
.ratingFlags
{
    font-size: 0pt;
    width: 16px;
    height: 16px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}
.filledRatingFlags
{
    background-image: url(/images/AjaxRating/flag_orange.gif);
}

.emptyRatingFlags
{
    background-image: url(/images/AjaxRating/flag_white.gif);
}

.savedRatingFlags
{
    background-image: url(/images/AjaxRating/flag_red.gif);
}


.FootNote
{
    font-family: Arial;
    font-size: 0.8em;
    color: #005e96;
    line-height: 0.9em;
}

.italic
{
    font-style: italic;
}

.required
{
    font-size: small;
    color: #cc1212;
    vertical-align: super;
}

.StandardButtonBlue
{
	font-size: 8pt;
	color: #ffffff;
	font-family: Tahoma;
	font-weight: normal;
	width: 79px;
	height: 22px;
	border: 0px;
	text-align: center;
	background-image: url(/images/buttons/blue.jpg);
	cursor: hand;
	background-repeat: no-repeat;
}

.StandardButtonRed
{
	font-size: 8pt;
	color: #ffffff;
	font-family: Tahoma;
	font-weight: normal;
	width: 79px;
	height: 22px;
	border: 0px;
	text-align: center;
	background-image: url(/images/buttons/red.jpg);
	cursor: hand;
	background-repeat: no-repeat;
}

.StandardButtonYellow
{
	font-size: 8pt;
	color: #ffffff;
	font-family: Tahoma;
	font-weight: normal;
	width: 79px;
	height: 22px;
	border: 0px;
	text-align: center;
	background-image: url(/images/buttons/yellow.jpg);
	cursor: hand;
	background-repeat: no-repeat;
}

.StandardButtonGreen
{
	font-size: 8pt;
	color: #ffffff;
	font-family: Tahoma;
	font-weight: normal;
	width: 79px;
	height: 22px;
	border: 0px;
	text-align: center;
	background-image: url(/images/buttons/green.jpg);
	cursor: hand;
	background-repeat: no-repeat;
}

.StandardButtonGeenLight
{
	font-size: 8pt;
	color: #ffffff;
	font-family: Tahoma;
	font-weight: normal;
	width: 79px;
	height: 22px;
	border: 0px;
	text-align: center;
	background-image: url(/images/buttons/green_light.jpg);
	cursor: hand;
	background-repeat: no-repeat;	
}

.StandardButtonLBlue
{
	font-size: 8pt;
	color: #ffffff;
	font-family: Tahoma;
	font-weight: normal;
	width: 79px;
	height: 22px;
	border: 0px;
	text-align: center;
	background-image: url(/images/buttons/blue_light.jpg);
	cursor: hand;
	background-repeat: no-repeat;
}

.StandardButtonOrange
{
	font-size: 8pt;
	color: #ffffff;
	font-family: Tahoma;
	font-weight: normal;
	width: 79px;
	height: 22px;
	border: 0px;
	text-align: center;
	background-image: url(/images/buttons/orange.jpg);
	cursor: hand;
	background-repeat: no-repeat;
}

.StandardButtonPink
{
	font-size: 8pt;
	color: #ffffff;
	font-family: Tahoma;
	font-weight: normal;
	width: 79px;
	height: 22px;
	border: 0px;
	text-align: center;
	background-image: url(/images/buttons/pink.jpg);
	cursor: hand;
	background-repeat: no-repeat;
}

.StandardButtonGrey
{
	font-size: 8pt;
	color: #ffffff;
	font-family: Tahoma;
	font-weight: normal;
	width: 79px;
	height: 22px;
	border: 0px;
	text-align: center;
	background-image: url(/images/buttons/gray.jpg);
	cursor: hand;
	background-repeat: no-repeat;
}

.StandardButtonBlack
{
	font-size: 8pt;
	color: #ffffff;
	font-family: Tahoma;
	font-weight: normal;
	width: 79px;
	height: 22px;
	border: 0px;
	text-align: center;
	background-image: url(/images/buttons/black.jpg);
	cursor: hand;
	background-repeat: no-repeat;
}


.ErrorMessage
{
    font-weight: bold;
    font-size: 1.0em;
    font-family: Tahoma, Arial, Helvetica;
    color: #9c0000;
}



.bold
{
    font-weight: bold;
}
.white
{
    color: #ffffff;
}
.green
{
    color: #009c68;
}
.blue
{
    color: #005e96;
}
.lblue
{
    color: #105E96;
}
.red
{
    color: #9c0000;
}
.grey
{
    color: #585858;
}
.grey_dark
{
    color: #242424;
}
.black
{
    color: #000000;
}
.orange
{
    color: #e98f01;
}
.upper
{
    text-transform: uppercase;
}
.req_bg
{
    background-color: #fae4e5;
}
.right
{
    text-align: right;
}
.center
{
    text-align: center;
}
.top
{
    vertical-align: top;
}
.highlight
{
    text-decoration: none;
    font-weight: bold;
    color: black;
    background: yellow;
}

A.white:link
{
    color: #ffffff;
}
A.white:visited
{
    color: #ffffff;
}
A.white:hover
{
    color: #ffffff;
    text-decoration: underline;
}
A.white:active
{
    color: #ffffff;
    text-decoration: underline;
}




/*  ACCORDIAN BOX SETTINGS
/* ----------------------------------------------*/
#float-box-acc {
    margin: 0px 0 10px 0px;
    float: left;
    padding-bottom: 16px;
    border: 1px solid #dcdcdc;
    border-top:0px;
}


#float-box-inner-acc {
    width: 258px;
    background: url(/portals/_default/skins/CivvyStreet2010/images/box-bg-top.gif) no-repeat top;
    
    
}

#float-box-content-acc {
    padding: 5px 15px 10px 5px;
    
}


/*************************** accordion *****/

.AccSelectedHeader, .AccordionSelectedHeader
{
    padding-left: 15px;
    background: url(/images/minus.png) no-repeat;
    background-position: left top;
    padding-bottom: 10px;
    font-weight: bold;
}

.AccHeader, .AccordionHeader
{
    padding-left: 15px;
    padding-bottom: 10px;
    background: url(/images/plus.png) no-repeat;
    background-position: left top;
}



.Watermark
{
    font-family: Lucida Sans Unicode;
    font-size: 1.0em;
    font-style: italic;
    text-align: left;
    vertical-align: middle;
    background-color: #f0eddc;
    color: #ababab;
    font-weight: 200;
}

.WatermarkBigRed
{
    font-family: Lucida Sans Unicode;
    font-size: 1.5em;
    font-style: italic;
    text-align: center;
    vertical-align: middle;
    background-color: #f0eddc;
    color: #ababab;
    font-weight: 200;
}

.slider_rail
{
    position: relative;
    height: 15px;
    width: 120px;
    background: #FFFFFF url(/images/colinbarr.png);
    vertical-align: middle;
}

.slider_handle
{
    position: absolute;
    height: 14px;
    width: 22px;
}




/* XP IE7 theme - Backgrounds */
.cs_tabs .ajax__tab_header					{ background:url(/images/tabs/visoft/tab-line.gif) repeat-x bottom; }
.cs_tabs .ajax__tab_outer						{ background:url(/images/tabs/visoft/tab-right.gif) no-repeat right;}
.cs_tabs .ajax__tab_inner						{ background:url(/images/tabs/visoft/tab-left.gif) no-repeat;}
.cs_tabs .ajax__tab_tab						{ background:url(/images/tabs/visoft/tab.gif) repeat-x;}
.cs_tabs .ajax__tab_hover .ajax__tab_outer	{ background:url(/images/tabs/visoft/tab-hover-right.gif) no-repeat right;}
.cs_tabs .ajax__tab_hover .ajax__tab_inner	{ background:url(/images/tabs/visoft/tab-hover-left.gif) no-repeat; }
.cs_tabs .ajax__tab_hover .ajax__tab_tab		{ background:url(/images/tabs/visoft/tab-hover.gif) repeat-x; }
.cs_tabs .ajax__tab_active .ajax__tab_outer	{ background:url(/images/tabs/visoft/tab-active-right.gif) no-repeat right; }
.cs_tabs .ajax__tab_active .ajax__tab_inner	{ background:url(/images/tabs/visoft/tab-active-left.gif) no-repeat; }
.cs_tabs .ajax__tab_active .ajax__tab_tab		{ background:url(/images/tabs/visoft/tab-active.gif) repeat-x; font-weight:bold; }

/* XP IE7 theme - Other Styles */
.cs_tabs .ajax__tab_header 					{ font-family:verdana,tahoma,helvetica;font-size:11px; }
.cs_tabs .ajax__tab_outer						{ height:29px; }
.cs_tabs .ajax__tab_inner						{ padding-left:3px;}
.cs_tabs .ajax__tab_tab						{ padding:8px 40px;margin:0; margin-right:3px; }
.cs_tabs .ajax__tab_body						{ border:1px solid #787878;border-top:0;padding:8px;  background-color: #fff;}

/************************MODAL STYLES***************************/


.ModalHeader
{
	font-family: Trebuchet MS;
	font-size: 1.2em;
	text-align: left;
	font-weight: bold;
	line-height: 1.2em;
	padding: 8px 0px 8px 0px;
	color: #383838;
	width: 100%;
	border-bottom: 1px solid #aeaeae;
	border-right: 1px solid #aeaeae;
	min-height: 2.2em;
	height: auto !important;
	height: 2.2em;
	background-color: #efefef;
}


.ModalBG, .ModalBG2
{
    background-color: #181818;
    filter: alpha(opacity=40);
    opacity: 0.7;
    z-index: 850;
}

.ModalFG
{
    height: 0px;
    overflow: visible;
    background-color: #ffffff;
    height: 100%;
    padding: 10px;
    text-align: center;
    border-top: 1px solid #d5d5aa;
    border-right: 2px solid #d5d5aa;
    border-bottom: 2px solid #d5d5aa;
    border-left: 1px solid #d5d5aa;
    z-index: 900; /* 	border-style: outset; 	border-color: #d5d5aa; 	border-width: 3px;*/
}

.MinHeight250
{min-height:250px; height: auto !important; height:250px;}

.sideheading2
{
    background-color: #d4ceb8;
    width: 100%;
    border-bottom: 1px solid #989898;
    border-right: 1px solid #989898;
    min-height: 2.0em;
    height: auto !important;
    height: 2.0em;
}

.modalPopup
{
    background-color: #ffffdd;
    border-width: 2px;
    border-style: solid;
    border-color: #dcdcdc;
    padding: 3px;
    width: 250px;
}

.popupHover
{
    overflow: visible;
    background-color: #efe5ef;
    padding: 5px;
    text-align: center;
    border-top: 1px solid #6b207f;
    border-right: 2px solid #6b207f;
    border-bottom: 2px solid #6b207f;
    border-left: 1px solid #6b207f;
}


.ModalBG3
{
    background-color: #000000;
    filter: alpha(opacity=80);
    opacity: 0.3;
    z-index: 850;
}




.ModalFG500
{
    overflow: visible;
    position: absolute;
    display: block;
    z-index: 999;
    background-color: Transparent;
}

.ModalFGBlue
{
    height: 0px;
    overflow: visible;
    height: 100%;
    padding: 10px;
    background-color: white;
    background-image: url(/images/BlueGradient.gif);
    background-repeat: repeat-x;
    background-position: top;
    text-align: left;
    border: 1px solid #d8d8d8;
    z-index: 900;
}

.BlueBox
{
	height: 300px;
	overflow: auto;
	width: 98%;
	padding: 10px;	
	/*background-color: white;
	background-image: url(/images/BlueGradient.gif);
	background-repeat: repeat-x;
	background-position: top;*/
	text-align: left;
	border: 1px solid #d8d8d8;	
}

#float-box-inner500
{
    width: 100%;
    background: #fff url(/images/Modal/bg500x500.gif) no-repeat top;
    text-align: center;
}

.active
{
    background-color: #fae4e5;
    border-left: 1px solid #c83a22;
    border-right: 2px solid #c83a22;
    border-top: 1px solid #c83a22;
    border-bottom: 2px solid #c83a22;
}

.inactive
{
    background-color: #efefef;
    border-left: 1px solid #989898;
    border-right: 2px solid #989898;
    border-top: 1px solid #989898;
    border-bottom: 2px solid #989898;
}


.process_stage_disabled
{
}

a.process_stage:link:
{
    color: #fff;
}
A.process_stage:hover, A.process_stage:visited, A.process_stage:active
{
    color: #fff;
    text-decoration: underline;
}

.stage_current
{
    padding-top: 5px;
    padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 4px;
	font-size: 11px;
	color: #ffffff;
	font-family: Tahoma;
	font-weight: bold;
	background-color: Transparent;
	background-image: url(/images/chevron_blue.png);
	background-repeat: no-repeat;
	height: 40px;
	cursor: hand;
	border: 0px;
	text-align: center;
	vertical-align: middle;
}

.sequence
{
    padding-right: 0px;
    padding-top: 5px;
    padding-left: 0px;
    padding-bottom: 0px;
    font-size: 11px;
    color: #ffffff;
    font-family: Tahoma;
    font-weight: bold;
    background-color: Transparent;
    background-image: url(/images/content2010/cb65.png);
    background-repeat: no-repeat;
    width: 60px;
    height: 30px;
    cursor: hand;
    border: 0px;
    text-align: left;
    vertical-align: middle;
}

.stage
{
    padding-top: 5px;
    padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 4px;
	font-size: 11px;
	color: #ffffff;
	font-family: Tahoma;
	font-weight: bold;
	background-color: Transparent;
	background-image: url(/images/chevron_grey.png);
	background-repeat: no-repeat;

	height: 40px;
	cursor: hand;
	border: 0px;
	text-align: center;
	vertical-align: middle;
}

.stage_current_text
{
        color: #fff;
        vertical-align: middle;
}

a.stage_current_text:link
{
    color: #fff;
     vertical-align: middle;
}

a.stage_current_text:visited
{
    color: #fff;
     vertical-align: middle;
}

a.stage_current_text:hover
{
    color: #fff;
    text-decoration:underline;
     vertical-align: middle;
}

a.stage_current_text:active
{
    color: #fff;
     vertical-align: middle;
}




.green_bg, .grey_bg, .blue_bg, .blue_bg_blue, .red_bg, .orange_bg
{
    vertical-align: middle;
    text-align: left;
    background-color: #efefef;
    height: 14px;
}

.cs_show
{
    display: inline;
}

.cs_hide
{
    display: none;
}

.hidden
{
    position: absolute;
    left: 0px;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}



.InfoBox
{
    background: #f9f9f9 url(/images/content2010/infobar-bg.gif) repeat-x left bottom;
    border: 1px solid #dcdcdc;
    width: 95%;
    padding: 5px;
}

.side-bg
{
    background: #f9f9f9 url(/images/content2010/table-bg.gif) repeat-x bottom left;
    text-align: left;
    border: 1px solid #d8d8d8;
    padding: 10px;
}

.application_form
{
    background: #f9f9f9 url(/images/content2010/table-bg.gif) repeat-x bottom left;
    text-align: left;
    border: 1px solid #d8d8d8;
    padding: 10px;
    min-width: 550px;
}

.flyOutDiv
{
    display: none;
    position: absolute;
    width: 400px;
    z-index: 3;
    background-color: #fff7f1;
	margin: 0px auto;
    padding: 5px;
    border-top: 1px solid #ffdabf;
    border-right: 2px solid #ffdabf;
    border-bottom: 2px solid #ffdabf;
    border-left: 1px solid #ffdabf;
}

.link-decor{text-decoration:none;}

a.link-decor:link{text-decoration:none;}
a.link-decor:active{text-decoration:none;}
a.link-decor:visited{text-decoration:none;}
a.link-decor:hover{text-decoration:none;}

.disabled
{
    background-color: #dcdcdc;
}


.slider_rail
{
	position: relative;
	height: 15px;
	width: 120px;
	background: #FFFFFF url(/images/colinbarr.png);
	vertical-align: middle;
}

.slider_handle
{
	position: absolute;
	height: 32px;
	width: 32px;
}

.btb_slider_rail
{
	position:relative;
	background:url(/images/btb_slider_bg_red2.jpg) repeat-x bottom;
	height:32px;

	}
	
.btb_slider_handle
{
	position:absolute;
	vertical-align:middle;
	height: 32px;
	width: 32px;
	}
	
.ajax__slider_v_rail 
{
	position:relative;
	background:url(/images/AjaxImages/slider_h_rail.gif) repeat-y;
	width:22px;
	height:150px;
	}
.ajax__slider_v_handle 
{
	position:absolute;
	height:10px;
	width:22px;
	}
