/*
CSS file for Theme 5
*/
/*
Text
*/


a:link{
	color: #428bca;
	}

a:hover{
	color: #529bda;
	}
	
a:active{
	color: #428bca;
	}

a:visited{
	color: #428bca;
	}

.normal_white_text{
	font-family : museo-sans, verdana, helvetica, sans-serif;
	font-size : 16px;
	color : White;
	font-weight : bold;
	}

span.normal_white_small{
	font-family : museo-sans, verdana, helvetica, sans-serif;
	font-size : 11px;
	color : White;
	font-weight : bold;
	}
	
.heading{
	font-family : museo-sans, verdana, helvetica, sans-serif;
	font-size : 14px;
	color : #357ebd;
	font-weight : bold;
	}
	
.sub_heading{
	font-family : museo-sans, verdana, helvetica, sans-serif;
	font-size : 12px;
	color : #357ebd;
	font-weight : bold;
	}


/*
.normal_bold_text{
	font-family : museo-sans, verdana, helvetica, sans-serif;
	font-size : 10pt;
	font-weight : bold;
	}

.normal_error_text{
	color : #FF0000;
	font-family : verdana, helvetica, sans-serif;
	font-size : 11px;
	}
*/

span.menu{
	font-family : verdana, helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	color : Navy;
	}

span.menu_on{
	font-family : verdana, helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	color : #FFFFFF;
	}

/*.normal_small_bold{
	font-family : verdana, helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	}*/
	
span.select_small_bold{
	font-family : verdana, helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	color : Red;
	}
/*

.normal_small_text{
	font-family : verdana, helvetica, sans-serif;
	font-size : 11px;
	font-weight : normal;
	}
*/

.normal_text{
	font-family : museo-sans, verdana, helvetica, sans-serif;
	font-size : 10pt;
	}

span.normal_gray_text{
	color : Gray;
	font-family : museo-sans, verdana, helvetica, sans-serif;
	font-size : 11px;
	}

/*
Form
*/
	
/*
.TextInput1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#000000;
	text-align:left;
	background-color: #F5F5F5;
	padding-left:2px;
	width:175px;
	height: 18px;
	padding-bottom : 2px;
	padding-top : 2px;
	border : 1px solid #99B3CC;
}

.TextInput2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#000000;
	text-align:left;
	background-color:#F5F5F5;
	padding-left:2px;
	width:100px;
	height: 18px;
	padding-bottom : 2px;
	padding-top : 2px;
	border : 1px solid #99B3CC;
}

.TextInput3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#000000;
	text-align:left;
	background-color:#F5F5F5;
	padding-left:2px;
	width:60px;
	height: 18px;
	padding-bottom : 2px;
	padding-top : 2px;
	border : 1px solid #99B3CC;
}

.TextInput4 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#000000;
	text-align:left;
	background-color:#F5F5F5;
	padding-left:2px;
	width:280px;
	height: 18px;
	padding-bottom : 2px;
	padding-top : 2px;
	border : 1px solid #99B3CC;
}

.TextInput5 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#000000;
	text-align:left;
	background-color:#F5F5F5;
	padding-left:2px;
	width:80px;
	height: 18px;
	padding-bottom : 2px;
	padding-top : 2px;
	border : 1px solid #99B3CC;
}

.TextInputLong {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#000000;
	text-align:left;
	background-color:#F5F5F5;
	padding-left:2px;
	width:500px;
	height: 18px;
	padding-bottom : 2px;
	padding-top : 2px;
	border : 1px solid #99B3CC;
}

.TextArea1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#000000;
	text-align:left;
	background-color:#F5F5F5;
	padding-left:2px;
	width: 380px;
	height: 50px;
	padding-bottom : 2px;
	padding-top : 2px;
	border : 1px solid #99B3CC;
}

.TextArea_sm {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#000000;
	text-align:left;
	background-color:#F5F5F5;
	padding-left:2px;
	width: 280px;
	height: 50px;
	padding-bottom : 2px;
	padding-top : 2px;
	border : 1px solid #99B3CC;
}

.TextArea_lg {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#000000;
	text-align:left;
	background-color:#F5F5F5;
	padding-left:2px;
	width: 380px;
	height: 200px;
	padding-bottom : 2px;
	padding-top : 2px;
	border : 1px solid #99B3CC;
}

.TextAreaAddress {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#000000;
	text-align:left;
	background-color:#F5F5F5;
	padding-left:2px;
	width: 380px;
	height: 20px;
	padding-bottom : 2px;
	padding-top : 2px;
	border : 1px solid #99B3CC;
}

.SelectBox {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-align: left ;
	background-color: #F5F5F5;
	padding-left: 3px;
	height: 18px;
	padding-bottom : 2px;
	padding-top : 2px;
	border : 1px solid #99B3CC;
}

.MultipleSelectBox {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-align: left ;
	background-color: #F5F5F5;
	padding-left: 3px;
	padding-bottom : 2px;
	padding-top : 2px;
	border : 1px solid #99B3CC;
	size: 3
}
*/

.ContentArea {
	border-style: dashed;
	border-color: Gray;
	border-width: 2px;
	background-color: White;
}

.ContentAreaOver {
	border-style: solid;
	border-color: Blue;
	border-width: 2px;
	cursor: hand;
}

.FieldArea {
	font-family : museo-sans, verdana, helvetica, sans-serif;
	font-size : 10pt;
	border-style: dashed;
	border-color: #c5c5c5;
	border-width: 1px;
	background-color: White;
	padding: 2px; 
	margin: 2px; 
}

.FieldAreaOver {
	font-family : museo-sans, verdana, helvetica, sans-serif;
	font-size : 10pt;
	border-style: solid;
	border-color: Blue;
	border-width: 1px;
	cursor: hand;
	padding: 2px; 
	margin: 2px; 
}

.FieldAreaHover {
	font-size : 10pt;
	border: 1px dashed #C5C5C5;
	background-color: White;
	padding: 2px; 
	margin: 2px; 
}

.FieldAreaHover:hover {
	font-size : 10pt;
	border-style: solid;
	border-color: Blue;
	border-width: 1px;
	cursor: hand;
	padding: 2px; 
	margin: 2px; 
}

.ListStyle {
	list-style: none;
	margin:0;
    padding:0;
}
		
/*
Table / Row 
*/

#list_row_BG1, .list_row_bg1, #List_Row_BG1{
	background-color : #F5F5F5;
	}

#list_row_BG2, .list_row_bg2, #List_Row_BG2{
	background-color : #FFFFFF;
	}

#list_row_BG3, .list_row_bg3, #List_Row_BG3,.bg3_no_block{
	background-color : #99B3CC;
	}
	
#list_row_BG4, .list_row_bg4, #List_Row_BG4{
	background-color : #eee;
	}

#list_row_BG5, .list_row_bg5, #List_Row_BG5{
	background-color : #000000;
	}

#list_row_BG6, .list_row_bg6, #List_Row_BG6{
	background-color : #F1F8ED;
	}

#list_row_BG7, .list_row_bg7, #List_Row_BG7{
	background-color : #F5F5F5;
	}

#list_row_BG8, .list_row_bg8, #List_Row_BG8{
	background-color : #DCE9F0;
	}

.BorderColor {
	border : 1px solid #F5F5F5;
}

#AccountColor{
	background-color : #eee;
	}
	
#navigation_cell{	
	text-align : center;
	}

#navigation_row{	
	background-color : #6699cc;
	border-spacing : 20pt;
	padding : 10pt;	
	width : 100%;
	}

#Navigation_Table{
	background-color : #f4e7c6;
	border-spacing : 10pt;
	padding : 0pt;	
	width : 100%;
	}

#Application_Table{
	background-color : #FFFFFF;
	border-spacing : 10pt;
	padding : 0pt;	
	width : 100%;
	font-family : museo-sans, verdana, helvetica, sans-serif;
	font-size : 10pt;
	}

#Form_Table{
	background-color : #FFFFFF;
	border-spacing : 10pt;
	padding : 0pt;	
	width : 415px;
	font-family : museo-sans, verdana, helvetica, sans-serif;
	font-size : 10pt;
	}

/* Scrolling menu */	
.menu
  {
   position:relative;
   background-color:#E7EFFF;
   border-left:1px solid #99B3CC;
   border-right:1px solid #99B3CC;
   border-bottom:1px solid #99B3CC;
   width:150;
   font-size:11px;
   font-family:verdana;
   font:bold;
   position:absolute;
   cursor:hand;
  }
  .item_panel
  {
    width:150;
    border-left:1px solid #99B3CC;
    border-right:1px solid #99B3CC;
    clip:rect(0,150,0,0);
    position:absolute;

  }
  .item_panel a
  {
   text-decoration:none;
   color:black;
   cursor:hand;
  }
  .item
  {
   background-color:#E7EFFF;
   width:148;
   font-size:10px;
   font-family:verdana;
   
  }
.body
  {
   height: 100%; 
  }

/* new stuff for rounded corners */  
.rounded-corners {
	background-color: #FFF;
	padding: 10px;
	border: 1px solid #99B3CC;
	height:100%; 
	
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(/sw/themes/5/border-radius.htc);
}

.rounded-corners-div {
	border-right: 1px solid #ddd;
}

/* new stuff for rounded corners */  
.custom_dropdownlist {
	background-color: #FFF; 
	padding-left: 10px;
	border: 1px solid #99B3CC;
	height:100%; 
	
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	behavior: url(/sw/themes/5/border-radius.htc);
}

.heading_main{
	font-family : museo-sans, verdana, helvetica, sans-serif;
	font-size : 18px;
	color : #506274;
	font-weight : bold;
	}

.callout_main{
	font-family : museo-sans, verdana, helvetica, sans-serif;
	font-size : 32px;
	color : #506274;
	font-weight : bold;
    margin-bottom: 7px;
	}
	
.callout_sub{
	font-family : museo-sans, verdana, helvetica, sans-serif;
	font-size : 14px;
	color : #506274;
	}
	
.callout_sub_bold{
	font-family : museo-sans, verdana, helvetica, sans-serif;
	font-size : 14px;
	color : #506274;
	font-weight : bold;
	}

.callout_sub_data{
	font-family : museo-sans, verdana, helvetica, sans-serif;
	font-size : 12px;
	color : #506274;
	}

.callout_small{
	font-family : museo-sans, verdana, helvetica, sans-serif;
	font-size : 11px;
	font-weight : normal;
	color : #aaa;
	}

.callout_textbox{
	font-family : museo-sans, verdana, helvetica, sans-serif;
	font-size : 32px;
	color : #506274;
	background-color: #FFF;
	font-weight : bold;
	text-align:center;
	padding-left:2px;
	padding-bottom : 2px;
	padding-top : 2px;
	border : 1px dashed #ddd;
	width: 100%;
	}
	
.callout_textbox_hover{
	font-family : museo-sans, verdana, helvetica, sans-serif;
	font-size : 32px;
	color : #000;
	background-color: #FFF;
	font-weight : bold;
	text-align:center;
	padding-left:2px;
	padding-bottom : 2px;
	padding-top : 2px;
	border : 1px dashed #99B3CC;
	width: 100%;
	}

.callout_textbox_view{
	font-family : museo-sans, verdana, helvetica, sans-serif;
	font-size : 32px;
	color : #506274;
	background-color: #FFF;
	font-weight : bold;
	text-align:center;
	padding-left:2px;
	padding-bottom : 2px;
	padding-top : 2px;
	border : 1px dashed #ddd;
	width: 100%;
	}
	
.callout_textbox_view_hover{
	font-family : museo-sans, verdana, helvetica, sans-serif;
	font-size : 32px;
	color : #000;
	background-color: #FFF;
	font-weight : bold;
	text-align:center;
	padding-left:2px;
	padding-bottom : 2px;
	padding-top : 2px;
	border : 1px dashed #99B3CC;
	width: 100%;
	}

.callout_textbox:hover {
	border : 1px dashed #99B3CC;
	color : #000;
	}
	

.callout_textbox_view:hover {
	border : 1px dashed #99B3CC;
	color : #000;
	}
	
/* new stuff for rounded corners */  
.alertbox {
	background-color: #ffcccc;
	padding: 3px;
	border: 1px solid #FF0000;
	font-family : verdana, helvetica, sans-serif;
	font-size : 13px;
	font-weight : bold;
	-moz-box-shadow: 3px 3px 5px #888;
	-webkit-box-shadow: 3px 3px 5px #888;
	box-shadow: 3px 3px 5px #888;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/sw/themes/5/border-radius.htc);
	cursor: pointer;
}

.editableField
{
	font-size : 11px;
	font-weight : bold;
	padding : 3px;
	border : 1px dashed Grey;
	cursor: pointer;
	background-color : #F5F5F5;
}

/*

   Slider CSS, style as you please.

   The png images used for this demo were originally located at http://www.schillmania.com/



   Styles for the horizontal slider 

.slider_textbox{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	background-color:#FFF;
	color:#506274;
	text-align:right;
	padding-left:2px;
	padding-bottom : 2px;
	padding-top : 2px;
	border : 1px dashed #ddd;
	width: 30px;
	}

.slider_textbox_hover{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	color:#000;
	text-align:right;
	padding-left:2px;
	padding-bottom : 2px;
	padding-top : 2px;
	border : 1px dashed #99B3CC;
	width: 30px;
	}

.slider_textbox:hover {
	border : 1px dashed #99B3CC;
	color:#000;
	}

.fd-slider
        {
        width:100%;
        height:20px;
        text-align:center;
        }

.fd-slider-inner
        {
        position:relative;
        height:18px;
        text-align:left;
        background:#FFF;
        border:1px solid #FFF;
        -moz-user-focus:normal;
        -moz-user-select:none;
        voice-family: "\"}\"";
        voice-family: inherit;
        height:20px;
		}

.fd-slider-bar
        {
        position:relative;
        height:4px;
        border:1px solid #bbb;
        border-bottom:1px solid #aaa;
        border-right:1px solid #aaa;
        background:#ddd;
        margin:0;
        overflow:hidden;
        line-height:4px;
        -moz-user-select:none;
        voice-family: "\"}\"";
        voice-family: inherit;
        height:2px;
        }
*/
/* Styles for the vertical slider 

.fd-slider-vertical
        {
        position:relative;
        width:20px;
        height:120px;
        text-align:center;
        }

.fd-slider-vertical .fd-slider-inner
        {
        position:relative;
        width:18px;
        height:100%;
        text-align:left;
        background:#fcfcfc;
        border:0px solid #ccc;
        -moz-user-focus:normal;
        -moz-user-select:none;
        voice-family: "\"}\"";
        voice-family: inherit;
        width:20px;
        }

.fd-slider-vertical .fd-slider-bar
        {
        position:relative;
        width:4px;
        border:1px solid #bbb;
        border-bottom:1px solid #aaa;
        border-right:1px solid #aaa;
        background:#ddd;
        margin:0;
        padding:0;
        overflow:hidden;
        line-height:4px;
        -moz-user-select:none;
        voice-family: "\"}\"";
        voice-family: inherit;
        width:2px;
        }
*/
/* CSS common to both vertical and horizontal sliders 

.fd-slider-inner:focus,

.focused
        {
        background:#eee !important;
        border:1px solid #aaa !important;
        }

.fd-slider-handle
        {
        position:absolute;
        top:0;
        left:0;
        width:20px;
        height:20px;
        background:transparent url(/sw/themes/5/images/slider.png) no-repeat 0px 0px !important;
        -moz-user-select:none;
        }

.fd-slider-hover
        {
        background:transparent url(/sw/themes/5/images/slider-1.png) no-repeat 0px 0px !important;
        }
*/
  
/*#Navigation_First_Arrow_Enabled{
	Background : url(../img/first.gif);
	Border : 0;
	}

#Navigation_First_Arrow_Disabled{
	Background : url("../img/first_disable.gif");
	Border : 0;
	}

#Navigation_Last_Arrow_Enabled{
	List-Style-Image : url(../img/end.gif);
	Border : 0;
	}

#Navigation_Last_Arrow_Disabled{
	List-Style-Image : url(../img/end_disable.gif);
	Border : 0;
	}


#Navigation_Next_Arrow_Enabled{
	List-Style-Image : url(../img/forwardarrow.gif);
	Border : 0;
	}

#Navigation_Next_Arrow_Disabled{
	List-Style-Image : url(../img/forwardarrow_disable.gif);
	Border : 0;
	}

#Navigation_Previous_Arrow_Enabled{
	List-Style-Image : url(../img/backwardarrow.gif);
	Border : 0;
	}

#Navigation_Previous_Arrow_Disabled{
	List-Style-Image : url(../img/backwardarrow_disable.gif);
	Border : 0;
	}
*/

/* dumb content manager & ie bug */
.button {
	border:1px solid #99B3CC;
	background: #DBE4ED url("/sw/themes/5/Images/button_bg.gif") repeat-x;
	cursor: pointer;
	margin-right: 5px;
    overflow: visible;
    padding: 0 10px 0 5px;
}
.button img {
    vertical-align: middle;
}

.ButtonLabelContainer {
	white-space:nowrap;
	padding-top: 4px;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 14px;
}

.tableListStyle{
	border-top: solid thin #99B3CC;
}

.indented-Input {
	padding-left: 21px;
}
.sw_link {
    margin: 5px;
    display: block;
}

/*table styles*/
.tables th,
.tables td {
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #99B3CC;
}

.tables th {
  font-weight: bold;
  /*border-top:0px;*/
}

.tables thead th {
  vertical-align: bottom;
}