/*
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 : Green;
	font-weight : bold;
	}
	
.sub_heading{
	/*font-family : museo-sans, verdana, helvetica, sans-serif;
	font-size : 12px;*/
	color : #506274;
	font-weight : bold;
	}
	
.sub_heading_no_margin{
	/*font-family : museo-sans, verdana, helvetica, sans-serif;
	font-size : 12px;*/
	color : #506274;
	font-weight : bold;
	margin: 0px;
}
.heading_with_padding{
	/*font-family: museo-sans, verdana, helvetica, sans-serif;*/
	/*font-size : 12px;*/
	font-size: 14px;
	color: black;
	font-weight : bold;
	margin: 0px;
	padding-bottom:4px;
}
.heading_with_padding2{
	/*font-family: museo-sans, verdana, helvetica, sans-serif;*/
	/*font-size : 12px;*/
	/*font-size: 13px;*/
	color: black;
	font-weight : bold;
	margin: 0px;
	margin-bottom: 10px;
	padding-bottom:4px;
	margin-top: 12px;
}
.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 : 14px;*/
	}
	
.rotate {
	display:inline-block;
	white-space:pre;
	font-family : museo-sans, verdana, helvetica, sans-serif;
	font-style:italic;
	color : #0668B3;
	padding-right:10px;
	-webkit-transform-origin: 90% 0%;
	-webkit-transform:translate(-90%) rotate(270deg);
	-moz-transform-origin: 90% 0%;
	-moz-transform:translate(-90%) rotate(270deg);
	/* For IE 7.0+ */
	writing-mode:tb-rl;
	

}

.ContentArea {
	border: 2px dashed #808080;
	background-color: White;
}

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

/*code using FieldArea and FieldAreaOver and JS to switch should be refactored to use FieldAreaHover*/
.FieldArea {
	/*font-family : museo-sans, verdana, helvetica, sans-serif;
	font-size : 10pt;*/
	border: 1px dashed #C5C5C5;
	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-family : museo-sans, verdana, helvetica, sans-serif;
	font-size : 10pt;*/
	border: 1px dashed #C5C5C5;
	background-color: White;
	padding: 2px; 
	margin: 2px; 
}

.FieldAreaHover:hover {
	/*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; 
}

.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;*/
	}

.narrow{
	max-width:10px;
}
/* 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;
	}
	
.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;
}

.tab_module_name{
	padding-left:3px;
}
.tab_module_name a{
	text-decoration: none; 
	color: Black;
}

.tableListStyle{
	border-top: solid thin #99B3CC;
	padding: 0px;
}
.tableListStyle > table tr>td {
    padding-left: 0px;
    padding-right: 0px;
}
.tableListStyle > table tr>td a {
    padding-left: 5px;
}
.indented-Input {
	padding-left: 21px;
}

.fileBrowse {
	margin-right: 10px;
}

.hide { display: none  }

.marginTop5 {
    margin-top: 5px;
}

.marginTopBottom5{
	margin-top:5px;
	margin-bottom:5px;
}

.marginTopBottom10{
	margin-top:10px;
	margin-bottom:10px;
}

.SelectBoxLimit {
	max-width: 300px;
}


.page_content{
	padding-top: 5px;
	padding-left: 10px;
}

/*
  Added by D Marsh 
  edited by J Moy
  for upgrade to HTML5 Doctype
*/
body{
	height:100%;
	width:100%;
	position:absolute;
}
p{
	margin-top: 0px;
	margin-bottom: 0px;
}
.BorderColor img, .sw-tab img, #list_row_BG3 img, #List_Row_BG3 img, .list_row_bg3 img{display: block;}

.image_only_button{
	margin: 0px;
	padding: 0px;
	vertical-align: text-bottom;
}
.image_only_button > img{
	margin: 0px;
	padding: 0px;
	display: block;
}
.button img {
    vertical-align: middle;
    max-width: none;
    display: inline;
}
.button_common{
	background: url("/sw/themes/5/images/button_bg.gif") repeat-x scroll left bottom #DBE4ED;
    border: 1px solid #99B3CC;
    cursor: pointer;
    line-height: normal;
	overflow: visible;
}

.button_common:hover{
	background: url('/sw/themes/5/images/button_bg_on.gif') repeat-x scroll left top #DBE4ED;
}
.button_large{
	min-width: 74px;
}

.button {
    padding-left: 0px;
    padding-right:2px;
    vertical-align: middle;
    /* even though the following are in .net this way, in CF the buttons are slightly different
        padding: 0 10px 0 5px;
    */
/*  	font-size: 100%;*/
    /*margin: 0;*/
    
}

/* these classes are dynamically set buttons */
.Button_add_sm{
	background: url('/sw/themes/5/images/button_add_sm.gif') no-repeat;	
}
.Button_arrow_down_sm{
	background: url('/sw/themes/5/images/button_arrow_down_sm.gif') no-repeat;		
}
.Button_arrow_down_sm{
	background: url('/sw/themes/5/images/button_arrow_up_sm.gif') no-repeat;		
}
.Button_calendar_sm{
	background: url('/sw/themes/5/images/button_calendar_sm.gif') no-repeat;		
}
.Button_cancel_sm{
	background: url('/sw/themes/5/images/button_cancel_sm.gif') no-repeat;		
}
.Button_completed_sm{
	background: url('/sw/themes/5/images/button_completed_sm.gif') no-repeat;		
}
.Button_delete_sm{
	background: url('/sw/themes/5/images/button_delete_sm.gif') no-repeat;	
}

.Button_edit_sm{
	background: url('/sw/themes/5/images/button_edit_sm.gif') no-repeat;
}
.Button_email_sm{
	background: url('/sw/themes/5/images/button_email_sm.gif') no-repeat;
}

.Button_next_sm{
	background: url('/sw/themes/5/images/button_next_sm.gif') no-repeat;
}
.Button_note_sm{
	background: url('/sw/themes/5/images/button_note_sm.gif') no-repeat;
}
.Button_previous_sm{
	background: url('/sw/themes/5/images/button_previous_sm.gif') no-repeat;
}
.Button_reload_sm{
	background: url('/sw/themes/5/images/button_reload_sm.gif') no-repeat;
}
.Button_save_sm{
	background: url('/sw/themes/5/images/button_save_sm.gif') no-repeat;	
}
.Button_select_sm{
	background: url('/sw/themes/5/images/button_select_sm.gif') no-repeat;	
}
.Button_sort_sm{
	background: url('/sw/themes/5/images/button_sort_sm.gif') no-repeat;	
}
.Button_view_sm{
	background: url('/sw/themes/5/images/button_view_sm.gif') no-repeat;	
}
/*end dynamic button bgs */
.small_button_text{
	padding-left: 17px;
}

.cal_button{
	border:none !important;
}
/*.cal_header_row{
	background: url(/sw/themes/5/images/cal_bg.gif) repeat-x scroll 0 0 rgba(0, 0, 0, 0);
}
*//*
custom drop down to show the available scopes
*/
.scopes{
	float:right;
	position: relative;
	right:48px; /*allow some room for the dropdown items */
}


.intro_text{
	margin-top:3px;
	margin-bottom: 5px;
}
.customDropdown{
	background-color: #F5F5F5;
	border: 1px solid #99B3CC;
	padding: 0px;
	max-height: 17px;
	margin-bottom: -1px;
	cursor: pointer;
}

.customDropdown img {
	vertical-align: text-top;
	border-left: 1px solid #99B3CC;
}

.currentScope{
	cursor: default !important;
	min-width: 138px; /*this is the maximum pixel width of the items in the drop down */
}
.currentScope img{
	float:right;
}
#scopeSelected{
	padding-left: 2px;
	vertical-align: top;
}
.scopeList{
	list-style-type: none;
	list-style: none;
	background-color: #F5F5F5;
	margin: 0px;
	padding: 1px;
	border: 1px solid #99B3CC;
	position: absolute;
	white-space: nowrap;
	z-index: 2;
}
.scopeList a{
	text-decoration: none;
	color: Black;
}
/* end scope dropdown styles */

/*custom dropdowns with the pencil icons*/
.multiSelect{
	display:inline-block;
	background-color: #F5F5F5; 
	border: 1px solid #99B3CC;
	white-space: nowrap;
}

.multiSelect > div{
	border-right: thin solid #99B3CC; 
	padding: 2px; 
	vertical-align: text-bottom; 
	display:inline-block; 
	min-width:50px;
}
.multiSelect > img.toggleButton {
	vertical-align:top;
	display:inline-block;
	cursor:pointer;
}

/* account action bar */
.actionbar-header:before, .actionbar-header:after {
    content: " ";
    display: table;
}
.actionbar-header span{
	color: white;
}
.actionbar-header{
 	padding-left: 2px;
    padding-right: 50px;
    padding-top: 3px;
}
.actionbar-nav{
	float: left;
	margin: 0;
	display: inline-block;
}
.actionbar-nav > li {
    float: left;
    border: 1px solid #99B3CC;
    background: url("/sw/themes/5/images/button_bg.gif") repeat-x scroll left bottom #DBE4ED;
    padding-left: 5px;
    padding-right: 10px;
    height: 28px;
    margin-right:-1px;
    margin-top:0px;
    cursor: pointer;
}
.actionbar-nav > li:hover{
	background: url("/sw/themes/5/images/button_bg_on.gif") repeat-x scroll left bottom #DBE4ED;
}
.actionbar-nav > li img{
	padding-top: 2px;
	vertical-align: text-bottom;
}
.actionbar-nav > li span{
	vertical-align: middle;
}
.nav {
    list-style: none outside none;
    margin-bottom: 0;
    padding-left: 0;
}
.actionbar-header{
	margin-left: 0px;
	margin-right: 0px;
	float:left;
}

.actionbar-collapse:after {
    clear: both;
}
.actionbar-collapse:before, .actionbar-collapse:after {
    content: " ";
    display: table;
}
.actionbar-container{
	background-color: #99B3CC;
}
.miniList{
	list-style-type: disc;
	list-style-position:inside;
	margin:0;
    padding:0;
}
/* end account action bar */
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

.cal_text{
	vertical-align: text-top;
}
.sectionHeader {
	margin-bottom: 2px;
	border-bottom: 1px solid #99B3CC;
}
.sectionHeader span{
	font-family: Geneva,Verdana,Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #1b437b;

}
/* reset to remove extra padding/border that FF gives buttons */
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
/* button reset */
button{
	margin:0;
	padding-top:0px;
	padding-bottom:0px;
	white-space: nowrap;
}
/*for thumbnail images*/
.img_thumb{
	display: inline-block;
    border: 1px solid;
    cursor: pointer;
    height: 38px;
    width: 48px;
    overflow: hidden; /* hide overflow of alt text*/
    padding-left: 1px;
    padding-right: 1px;
    
}
.img_icon{
	display: inline-block;
	overflow: hidden; /* hide overflow of alt text*/
	width: 18px;
	height: 18px;
}
.inputGroup{
	padding-right:10px;
}
/*on the other side of an inputGroup..*/
.inputGroupOpposite{
	padding-right:2px;
}
.left{
	float:left;
}
.right{
	float: right;
}

.deletePopup{
	z-index: 100;
}

label.block_label{
	display: block;
	padding: 0px;
	margin:0px;
}
/*In IE11, toggling between html source and wysiwyg mode in ckeditor causes the table row above it to shift unless the textarea has 100% width*/
textarea.cke_source{
	width:100% !important;
}

.project-form-row{
	padding-top: 5px;
	padding-bottom:5px; 
	margin-top:5px;
	margin-bottom:5px;
}
.project-form-label{
	float:left;
	text-align:left; 
	width: 10%;
}
.project-form-input{
	float:left;
	width:20%;
}

.marginLeft25 {
	margin-left: 25px;
}

.marginLeft40 
{
    margin-left: 40px;   
}

.flex-span40 {
	width: 40% !important;
}

 .programTitle{
/*	padding-bottom : 5px;*/
} 

.programSelectorContainer{
	/*
	padding:3px;
	display: inline-block;
	*/
}

.pull-right{
	float:right;
}

.span14 {
  width: 1100px !important;
}

.span13 {
  width: 1020px !important;
}

.span12 {
  width: 940px !important;
}

.span11 {
  width: 860px !important;
}

.span10 {
  width: 780px !important;
}

.span9 {
  width: 700px !important;
}

.span8 {
  width: 620px !important;
}

.span7 {
  width: 540px !important;
}

.span6 {
  width: 460px !important;
}

.span5 {
  width: 380px !important;
}

.span4 {
  width: 300px !important;
}

.span3 {
  width: 220px !important;
}

.span2Half 
{
 width: 180px !important;   
}

.span2 {
  width: 140px !important;
}

.span1 {
  width: 60px !important;
}
.span0 { width: auto !important; }
/*end predefined grid*/

.vertical-top{
	vertical-align: top;
}
.btn {
	margin-left: 3px;
	margin-right: 3px;
}

.inactiveLink {
   pointer-events: none;
   cursor: default;
}

.old-scope-content-table
{
    display: inline-table; 
    width: 700px; 
    vertical-align: top;
}

.thumb-big{
	width:200px;
	height:150px;
	border:1px solid;
}