/* 
    Document   : custom
    Created on : 7/02/2012, 5:12:30 PM
    Author     : Doug
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
form{
        background-color: rgba(25,100,250,0.2);
}
.container{
        background-color: rgba(25,100,250,0.2);
}
div.dashListing
{
	height:200px; 
	width:470px;	
	/*background: url("../images/bg-glassy-blue.gif") repeat-x scroll 50% 50% #DEEDF7;*/
	border: 1px solid #AED0EA;
	padding: 1px;
	margin-bottom: 4px;
}
div.dashListing ul
{
	height: 170px;
	overflow: auto;		
	list-style-image: url('../images/blank.gif');
}
div.dashListing li
{
	height: 22px;
	padding: 1px 4px;
	margin-left: 10px;
	text-align: left;
}
.dashListing li:hover
{
	list-style-image: url('../images/arrow_state_blue_right.png');	
	text-decoration: underline;	
}

.dashListing ul a
{
	text-decoration: none;	
}
div.dashListing .header
{
	border: 1px solid #AAAAAA;
	background: #fff;
	border: 1px solid #AED0EA;
	padding: 4px;
	
	margin-left: 5px;
	margin-right: 0px;
	color: #222222;
	font-weight: bold;
}
fieldset legend {
	color: #06c;
}

div.ui-widget-header {
	border: 1px solid #AAAAAA;
	height: 32px;
	padding: 1px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 5px;
	color: #222222;
	font-weight: bold;
}

div.ui-widget-header .ui-button{
	border-width:1px;
	border-color: #bbb;
	height: 22px;
	margin-right:3px;
}

#content
{
	padding: 5px 20px 20px 20px;/*reduce the top margin to 5*/
}
#sidebar {
	padding: 5px 20px 20px 0; /*reduce the top margin to 5*/
}
h4 {
	margin-bottom: 0; /*remove margin bottom*/
}
.fg-buttonset-right {
	float: right!important;
}
div.row{
	min-height: 25px;
}

/* Styling img text - i.e. alt property */
image{
	font-style: italic;
	color: #333;
}

textarea{
	font-family: Arial, Verdana, sans-serif;
}

/*mailto link style */
a.mailto{
	background: url('../images/trigger/mail_light_right.png');
	padding-left: 12px;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 10px;
}
#menu-top ul {
	padding: 6px 20px 6px; /*increased bottom from 5 to 6*/
}
#menu-top ul li ul li a {
	color: #888888; /*switch the color to grey*/
}

#menu-top ul li ul li a:hover, #menu-top ul li ul li.active a
{ 
	color: #6399cd; /*switch highlight color to blue
	/*background-color:white;/*#EFF4FA;*/
}

#menu-top ul li ul {
	/* add a margin top and set border and background to light blue*/
	margin-top:5px;
	background: none repeat scroll 0 0 #f9fafc;

	border: 1px solid #f9fafc;
}

/* add padding to alink in button so action target fills the whole button.@charset*/

li.ui-button span.ui-button-text a{
	padding: 0.5em 1em 0.5em 1em;	
}
/*remove padding from the button text*/
li.ui-button span.ui-button-text{
	padding: 0;
	margin-top:3px;
	font-size: 13px; /*for some reason enrolment create had small font*/
}
/*added this as for somereason no border change on hover*/
#menubar ul li.ui-state-hover{
	border-color: #999 !important;
}

li.ui-button span.ui-button-text a.actionbar-dropdown{
	padding:0 3px!important;
}
li.menu-group-action span.ui-button-text a{
	padding: 0 1em;
}
/*this menu action button has no inner a tag - click is on button so need to add back in the padding.*/
li.menu-save-action{
	padding: 0.2em 1em;  /*nb needed to shave some off for some reason*/

}
div.form div.fieldDisplay{
	margin-left: 150px;
}

/*same look as an input label but no float or width */
div.form .label-text{
	font-weight: bold;
	font-size: 0.9em;
	padding-right: 2px;
}

a.data-link{
	color:#06c !important;
}

.content-alt-color {
	color: #888888;
}
/* style the action menu more button dropdown menu*/
#menubar ul li ul li a {
	color: #888888; /*switch the color to grey*/
}

#menubar ul li ul li a:hover, #menu-top ul li ul li.active a
{ 
	color: #6399cd; /*switch highlight color to blue*/
	background-color:#EFF4FA;
}

#menubar ul li ul {
	/* add a margin top and set border and background to light blue*/
	margin-top:5px;
	padding-left: 5px;
	background: none repeat scroll 0 0 #f9fafc !Important;
	border: 1px solid #f9fafc;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;

	-moz-box-shadow: 5px 5px 2px #999;
	-webkit-box-shadow: 5px 5px 2px #999;
	box-shadow: 5px 5px 2px #999;


}

#menubar ul li ul li{
	/* add a margin top and set border and background to light blue*/
	display: block;
	text-align: left;
}

#uds-update-dialog-form {
	width: auto; 
	margin-bottom:70px; /*need this to leave rooom for the uds-buttonpane*/
	height:100%;
}

#uds-buttonpane{
	width: 90%; 
	margin-top: 3px; 
	min-height: 45px!important; 
	height: 45px; 
	position:absolute; /*force it to stay at the bottom of the dialog*/
	bottom:1px;
	/*z-index:2005!important; not doing anything*/
	background: url("../images/ui-bg_glass_grey.png") repeat-x scroll 50% 50% #E6E6E6; 
	border: 1px solid #D3D3D3;
}

div.white-box-bordered {
	border: 1px solid #DDD;
	padding: 10px;
	margin: 0 0 10px 0;
	background-color: white;
}
div.info-box-bordered {
	border: 1px solid #ffec8b; 
	padding: 10px;
	margin: 0 0 10px 0;
	background-color: #fffacd;
}

div.form fieldset
{
	background-color: white;
}

div.ui-tabs{
	background-image:url('../images/Gray-gradient1.png'); background-size:auto 100%; background-repeat: repeat; background-colorX:#d2eaf7;
}

.white-grey-bg-image{
	background-image:url('../images/Gray-gradient1.png'); 
	background-size:auto 100%; 
	background-repeat: repeat; 
	/*background-colorX:#d2eaf7*/
}

[readonly],[disabled]{
	border-width: 0px;
	background-color: transparent; 
	color: inherit;
}

div.grid-view {
	padding: 2px 0;
}

.ui-autocomplete {
	max-height: 300px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
	height: 300px;
}

.loading {
	background-image: url("../images/loading.gif");
	background-repeat: no-repeat;
	padding-left:20px;
}

div.uds-dialog-outer{
	background-image:url("../images/bg-whiteblue.jpg");
	background-size:auto 100%;
	background-color:#d2eaf7
}

div.center {
	margin-left:auto;
	margin-right:auto;
	width:70%;
}

/*same look as an input label but no float or width */
div.dashFinancial .row{
	min-height: 24px;
}
div.dashFinancial .label{
	color : #888888;
	font-weight: normal;
	font-size: 1.1em;
	margin-right: 5px;
	margin-left: 190px;
	width: 280px;
}

div.dashFinancial .content{
	font-weight: bold;
	font-size: 1.1em;
	padding-right: 2px;
	text-align: right;
	width: 180px;
	float: left;
	}

div.minorFinancial .content{
	text-align: right; 
	padding-right:5px; 
	width: 70px; 
	float:left;
}

@media print{
	/*not working for padf*/
	.ui-tabs-nav {
		display:none;
	}
	input[type="button"]{
		display:none;
	}
}