/* Global */
	
	body {	 						  
	    margin-left:5px;
	    margin-right:5px;
	    margin-top:0px;
	    margin-bottom:0px;  
	    padding:0px 2px 2px 2px;
	    font-size:11px;
	    font-family: arial,helvetica,clean,sans-serif; 		 
	}
	
	.RichError{
		color:red;
	}	
	.HardBreak
	
	{
	width: 300px;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	
	}


.textfield_effect {

/*we will first set the border styles.*/

border-width: 2px;

border-style: solid;

border-color: #999999;

/*we are now going to add in the shadow image that we created earlier*/

background-repeat: repeat-x;

/*I am going to add some text formatting of my own*/

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color: #333333;

}

.textfield_viewLoan {
	margin-right: 20px;
	width: 150px;
	margin-top:5px;
}

.td-filters {
	border-bottom:2px solid #d2d2d2; 
	padding:10px;
	white-space:nowrap;
}

#Orgs {
	width:340px;
	margin-top:5px;
}

#workRequest INPUT, #workRequest SELECT {
	margin-right:30px;
	
}

/*we are now going to style how the textfield will look when we

hover over it and when we actually have it selected*/

 

.textfield_effect:hover {

border-color: #64acd8;

border-width: 2px;

}

 
.textfield_effect:active {

border-color: aaaaff;

border-width: 2px;

}

.textfield_effect:focus {

border-color: aaaaff;

border-width: 2px;

}

input:active {
border-color: aaaaff;

border-width: 2px;	
}

input:focus {
border-color: aaaaff;

border-width: 2px;	
}

.alignTop {
vertical-align:top;
}
.alignMiddle {
vertical-align:middle;
}
.middleText {
text-align:center;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.middleTextUrgent {
text-align:center;
color:red;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.leftText {
text-align:left;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.leftTextUrgent {
text-align:left;
color:red;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

	a {
		font-size:11px;
	}
		
	label {
		font-size:11px;
		font-weight:bold;
	}
	label.import {
		font-size:11px;
		font-weight:normal;
		margin-left: 5px;
	}
		
	div {
		vertical-align: 50%;
		margin:auto;		
	}
			
	table.login {
		width:60%;
		border-width: 1px;
		border-spacing: 2px;
		border-style: outset;
		border-color: #87CEFA;
		border-collapse: collapse;
		background-color: #FAFAFA;
	}	
	
	table.import {
		width:50%;
		border-width: 1px;
		border-spacing: 2px;
		border-style: outset;
		border-color: #87CEFA;
		border-collapse: collapse;
		background-color:#FAFAFA;	
	}

.searchresults {
	background: #7788ff; color: #ffffff;font-weight:bold;text-align:center;border-width:1px;border-style:inset;border-color:#aabbff	
}

.textprint {
	  color: #000000;font-weight:bold;text-align:center;border-width:1px;border-style:inset;border-color:#aabbff	
}
.textprinthead {
	 background: #ECF1EF; color: #000000;font-size:13px;font-weight:bold;text-align:center;border-width:3px;border-style:inset;border-color:#aabbff	
}

	table.summary {
		width:60%;
		border-width: thin;
		border-spacing: 2px;
		border-style: outset;
		border-color: #3333aa;
		border-collapse: collapse;
		background-color: #FAFAFA;
	}
	
	table.admin {
		border-width: 1px;
		border-spacing: 2px;
		border-color: black;
		border-style: solid;
		margin:0px;
	}		
	
	table.title {
		line-height:15px;
	}
	
	td {
		font-size:11px;
	}
	
	td.import {
		background-color: #CCCCFF;
		border-bottom: 1px solid #000099;
	}
	
	td.admin {
		border-width: 1px;
		border-spacing: 2px;
		border-color: #bbbbbb;
		border-style: inset;
	}
	
	td.report {
		border-width: 1px;
		border-color: #aabbff;
		border-style: solid;
	}
	
	fieldset {
	    margin:0;
	    padding:0;
	    border: #26a solid 1px;
	    margin-top:7px;
	    padding:7px;	    
	}
	
	hr {
		color: #26a;
	}
		
	legend {
	    background: #7788ff;
	    color:#fff;
	    border: #333 solid 1px;
	    padding: 2px 10px;
	    font-size:12px;
	}
	
	legend.menu {
	    background: #7788ff;
	    color:#fff;
	    border: #333 solid 1px;
	    padding: 2px 10px;	
	}
	
	legend.summary {
	    background: #3333cc;
	    color:#fff;
	    border: #cc3333 solid 1px;
	    padding: 2px 10px;	
	}	

.tabback {
		background-color:#aaaadd;
   		filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#aaaadd');	 	
}

	.copybutton {	
   color:#000;
   font-family:courier;
   font-size:10pt;
   font-weight:bold;
   background-color:#7788ff;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#7788ff');}

   .copybutton:hover {
   	color:#999;
   }
/*
.menubar {
	    margin:1px 1px 1px 0px;
	    color: #000000;
	    background: #7788ff;	    
   		font-family:arial,helvetica,clean,sans-serif;
   		font-size:11px;
	    vertical-align:50%;  
   		filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#7788ff');	 	
}
*/
.menulink {
	color:#FFFFFF;
	margin-top:-8px;
	padding-right: 0px;
}

/*New Menubar*/
.menubar {
    position: relative;
    z-index: 1;
    width: 101%;
    padding:0;
    margin:0 -5px;
    background: white;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size:11px;         
}
.menubar label {
    margin-right: 3px;
    font-weight: bold;
    font-family:arial,helvetica,clean,sans-serif;
}
.menu-row {
    position: relative;
    z-index: 99;
    float: left;
    clear:both;
    width: 100%;
    padding: 0 0 1px 0;
    margin:0;       
}
.menu-row-half {
    position: relative;
    float: left;
    width: 48%;
    padding: 0 0 1px 0;
    margin:0;       
}       
.top-row{
    color: white;
    background: #6e80c6 url('/images/top_bg.png') repeat-x;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.1) inset;
    z-index: 999;
}
.curved-drop-shadow:before {
    top: 50%;
    bottom: 0;
    left: 10px;
    right: 10px;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.6);
    box-shadow: 0 0 15px rgba(0,0,0,0.6);
    -moz-border-radius: 10px / 100px;
    border-radius: 10px / 100px;            
}
.curved-drop-shadow:before, .curved-drop-shadow:after {
    content: "";
    position: relative;
    z-index: -2;        
}
.logo {
    float:left;
}
.menu-item{
    float:left;
    margin:15px 0;
    border-left: 1px dotted darkgrey;
}
.menu-item-dropdown{
    float:left;
    margin-top:0;
    border-color: #6E80C6;
    background-color: #6E80C6;
}
.menu-item-dropdown-menuname td{
   border-left: 1px dotted darkgrey;
   padding-left: 10px;
   background-color: #6E80C6;
   color: #fff;
   font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
.menu-item-dropdown-menuname{
    font-weight: normal;
    border-color: #6E80C6;
    background-color: #6E80C6;
    color: #fff;
}
.menu-item-resource .rich-ddmenu-label-unselect, .menu-item-resource .rich-menu-item-label{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;	
}
.menu-item a {
    margin:0 10px;
    color: white;
    text-decoration:none;
}
.menu-item-right {
    float:right;
    padding:7px 15px;
    width:70px;
}
.noti-container {
    position:relative;
    float:right;
    margin: 10px;           
    border:none;
    width:28px;
    height:21px;            
}
.noti-container img{border:none;}
.noti-bubble {
    position:absolute;
    top: -4px;
    right:-4px;
    padding:0px 3px 0px 3px;
    background-color:red;
    color:white;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-weight:bold;
    font-size:11px;    
    border-radius:30px;
    box-shadow:1px 1px 1px gray;
}
.user-info{
    margin: 5px;
    float: left;
}
.selections {
    margin: 0 5px;
    float: left;
    font-family:arial,helvetica,clean,sans-serif;
}
.quickSearch {
	float:right;padding:7px;
}
.quickSearch label {
    width:50px;display:inline-block;vertical-aling:top;margin:3px;text-align:right;
}
/*END New Menubar*/

	.button {
   color:#7788ff;
   font-family:tahoma;
   font-size:10pt;
   font-weight:bold;
   background-color:#5544ff;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#aaaaff');}
	
   .button:hover {
   	color:#999;
   	cursor:pointer;
   }
      
	input.checkbox {	    
	    color: #26a;
	    background-color: transparent;
	    border: none;
	    filter: none;
	    font-family: tahoma;
	    font-size:11px;	 
	}	
	
	input.radio {
		color: #FFFFFF;
		background-color: transparent;
	    border: none;
	    filter: none;
	    font-family: tahoma;
	    font-size:11px;	    
	}
	
	input.radio:hover {		
		cursor:pointer;
	}
	
	input.checkbox:hover {		
		cursor:pointer;
	}
	
	#navigation a
	{
		color: #000;
		background: #ffa20c url(/WorkRequest/images/navl.gif) left top no-repeat;
		text-decoration: none;
		padding-left: 10px
	} 	
	
	#navigation a span
	{
		background: url(/WorkRequest/images/navr.gif) right top no-repeat;
		padding-right: 10px;
		font-size:11px
	} 	
	
	#navigation a:hover {
		color: #fff;
		background: #666 url(/WorkRequest/images/navlh.gif) left top no-repeat;
		padding-left: 10px
	} 
	
	#navigation a:hover span
	{
		background: url(/WorkRequest/images/navrh.gif) right top no-repeat;
		padding-right: 10px;		
	} 
	
	#navigation ul
	{
		list-style: none;
		padding: 0;
		margin: 0
	}
	
	#navigation li
	{
		float: left;
		margin: 0;
	} 

	table.disbursement_deal {
		border-width: 1px;
		border-spacing: ;
		border-style: outset;
		border-color: gray;
		border-collapse: separate;
		background-color: white;
	}
	table.disbursement_deal th {
		border-width: 1px;
		padding: 1px;
		border-style: none;
		border-color: gray;
		background-color: white;
		-moz-border-radius: ;
	}
	table.disbursement_deal td {
		border-width: 0px;
		padding: 0px;
		border-style: none;
		border-color: gray;
		background-color: white;
		-moz-border-radius: ;
	}

	 tr.report_odd {
	 	background-color: #dddddd;
	 }
	 
	 tr.report_even {
	 	background-color: transparent;
	 }	
	 
	 fieldset.admin {
	 	border-color:black;
	 	border-width: 1px;
	 	margin:0 0 6px;
	 	padding:0 4px 4px 4px;
	 	text-align:left;
	 }
	 
	 fieldset.orgs {
	 	border-color:black;
	 	border-width: 1px;
	 	margin:0;
	 	padding:4px 4px 4px 4px;
	 }
	 
	 legend.admin {
	 	background:none;
	 	border:none;
	 	color:black;
	 	font-weight:bold;
	 	text-align:center;
	 	height:18px;
	 	font-size:11px;
	 }
	 
	 #admin_users{
	 	width:100%;
	 	height:600px;
	 }
	 
	 #user_search{
	 	float:left;
	 	margin: 0 4px 0 0;
	 	width:370px;
	 	height:700px;
	 }
	 
	 #user_settings{
	 	margin: 0;
	 	padding-left:4px;
	 }
	 
	 #user_info{
	 	margin: 0;
	 }
	 
	 #user_passwordpin {
	 	width:90%;
	 }
	 
	 #user_orgs{
	 	margin: 0;
	 	
	 }
	 
	 #user_permissions{
	 	float:right;
	 	padding-left: 4px;
	 	width:178px;
	 	height:700px;
	 }
	 
	 #user_permissions fieldset {
	 	width:168px;
	 }
	 #user_permissions label{
	 	font-size:11px;
	 	font-weight:normal;
	 }
	 
	 #admin_buttons_bottom{
	 	margin:0;
	 	padding-left:auto;
	 	width:100%;
	 }
	 
	 #admin_buttons_top{
	 	margin:0;
	 	padding-left:auto;
	 	width:100%;
	 }
	 
	 .collapse_head{
	 	width:100%;	
	 	font-weight:bold;
		margin: 0 0 2px 0;
		padding: 0 0 0 2px;
		/*
		background-image:none;
		background-repeat:no-repeat;
		background-position:right;*/	
		height:20px;
		overflow:hidden;
		cursor:pointer;
	}
	.collapse{		
		visibility:hidden;
		height:0px;
		overflow:hidden;
		position:relative;

	}
	.collapse_content{	
		padding:10px;
		position:relative;
	}
	
	fieldset, fieldset.collapsible {
		border: 1px solid black;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-right-width: 1px;
		
	}
	
	fieldset.collapsed {
		border-bottom-width: 0;
		border-left-width: 0;
		border-right-width: 0;
		margin-bottom: 0;
		margin-left: 3px;
	}

	legend.collapsible {
		background-image:url('/images/up.png');
		background-repeat:no-repeat;
		background-position: 97%;
		padding: 0 23px 0 2px;
	}
	legend.collapsed{
		background-image:url('/images/down.png');
		background-repeat:no-repeat;
		background-position: 97%;
		padding: 0 23px 0 2px;
	}

.buttonNew {
	display: inline-block;
	border-radius: 4px;
	background-color: #008CBA;
	border: none;
	color: #FFFFFF;
	text-align: center;
	font-size: 13px;
	padding: 3px;
	width: 90px;
	transition: all 0.5s;
	cursor: pointer;
	margin: px;
}

.buttonNew span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.buttonNew span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}

.buttonNew:hover span {
	padding-right: 25px;
}

.buttonNew:hover span:after {
	opacity: 1;
	right: 0;
}