/*
'====================================================================
' Module	: tea-web-style.css
' Author	: Ascendent Technology / TEA
' Date		: January 2009
' Purpose	: tea style sheet [iTIM and related Components]
' Notes		:
'====================================================================
' AMENDMENT HISTORY:
' TEA - 01/12/2009 - Made sizing, padding adjustments, and added fieldset and legend elements
'====================================================================
*/
* {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:	11px;
text-align: left;
}


html, body, iframe { 
	width:		100%;
	/* Firefox */
	height: -moz-calc(100% - 33px);
	/* WebKit */
	height: -webkit-calc(100% - 33px);
	/* Opera */
	height: -o-calc(100% - 33px);
	/* Standard */
	height: calc(100% - 33px);
	padding:	0;
	margin:		0;
}

.applicationList {
	height: -moz-calc(100% - 45px);
	/* WebKit */
	height: -webkit-calc(100% - 45px);
	/* Opera */
	height: -o-calc(100% - 45px);
	/* Standard */
	height: calc(100% - 45px);	
}

pre {
	font-family: monospace;
}


label {
	color: #444444;
	display: block;
}


ul {
	list-style-type: disc;
	list-style-position: inside; 
	margin-left:25px;
	padding:10px;
	color: #999999;	
}

ul.circle 
{
    list-style-type:circle;
    margin-left:25px;
    padding:10px
}


li {
	color: #000000;
}	

.readOnly {
	background: #eeeeee;
	font-weight: bold;
	border: 0px;
	padding:4px;
}

.ui-widget-content {
	background: #FFFFFF;
}

.ui-widget-header {
	
	background: #f2f2f2;
	color: #2E6E9E;
	
	/*
	background: #77bfdd;
	color: #FFFFFF;
	*/
	border: 1px solid #A6C9E2;

}

a, .ui-widget-content a, a:active {
	color: #2E6E9E;
	font-weight: bold;
}

a:visited { 
	color: #2E6E9E;
	font-weight: bold;
}

a:hover { 
	color: #999999;
	font-weight: bold;
}

fieldset {
	padding: 5px;
	border: #C5DBEC 1px solid !important;
	color: #2E6E9E;
}

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	margin: 0;
	padding: 0;
}

form fieldset {
	/* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
	padding: 10px;        /* padding in fieldset support spotty in IE */
	margin: 0;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
					   /* be careful with padding, it'll shift the nice offset on top of border  */
	font-weight: bold;					   
}

.label,
form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 10px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	color: #444444;
}

form label em {        
	position: absolute;        
	left: 10em;        
	top: 0;      
}

form input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 0; /* set margin on left of form elements rather than right of
							  label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { 
	overflow: auto; 
}

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

hr.form-separator {
	color: #ffffff;
}

div.hr-wrapper {
	padding: 10px;
}

div.status-message {
	margin: 5px 0 5px 0; 
	padding: 10px;
	background: #ffffff;
	z-index: 999999;
	position: relative;
}

button {
	text-align: center;
}

.spacer {
	padding-top: 10px;
}

.instruct {
	color: #888888;
}

.instruct li {
	color: #888888;
}

.assurance {
	color: #000000;
	font-weight: normal;
	padding-left: 10px;
}

.footer {
	width:100%;
	text-align: center;	
	bottom: 0; 
	color: #585858;
	font-size: 13px;
}

.wrapper-div {
	height:100%;	
	min-height:100%;
}

.filter-option {
	padding: 5px 3px 5px 3px;
	float: left;
}

.button-bar {
	padding: 5px 5px 5px 0px;
}

.grid-button-bar {
	display: none;
}

.grid-button {
	color: #2E6E9E !important;
	background: #ffffff !important;
	font-weight: bold !important;
	padding: 0 2px 0 2px !important;
	margin: 0 0 0 2px !important;
}

.grid-button:hover {
	border: 1px solid #2E6E9E !important;
}

.centered-button-bar {
	padding: 0px;
	text-align: center;
}

.form-button-bar { 
	padding: 0px 0px 0px 160px;
}

.tools {
	color: #888888;
	font-size:10px;
}

.tools-bold {
	color: #888888;
	font-size:10px;
	font-weight: bold;
}	

.tools-bold a {
	font-size:10px;
	font-weight: bold;
}	

div.error-box {
	color: #3D0000;
	border: 1px solid #996666;
	background-color: #FFCACA;
	padding: 10px;
	margin: 10px auto;
}

.required:before {
	content: "* ";
	color: #c20000;
	font-weight: bold;
}

.error-field {
	border: solid 1px #c20000; 
}

.disabled-field {
	color: #808080;
	background: #EAEAED;
}

.ui-dialog .ui-dialog-buttonpane button {
	padding: 0 0 0 0;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
	background: #fefabe/*{bgColorHighlight}*/ url(jquery/ui/themes/TEA/images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; 
}

.ui-layout-north {
	border: 0px;
}

.ui-layout-west {
	width: 200px !important;
	padding: 0px !important;
}

.ui-layout-pane {
	overflow: hidden !important;
}	

.ui-layout-south {
	text-align: center;
	font-size: 10px;
}	

.ui-state-disabled {
	color: #666666;
	opacity: .5; 
	filter:Alpha(Opacity=50);
}

.separator {
	border: 0px;
	color: #b5b5b5;
	background-color: #b5b5b5;
	height: 1px;
	align: center;
}

.left-align {
text-align: left; 
}
.left-nav {
	float: left;
	width: 190px;
	padding: 0 5px 5px 5px;
}

.left-nav dd, 
.left-nav ul, 
.left-nav li {
	margin: 0;
	padding-left: 3px;
}

.left-nav dt {
	padding: 3px 0 3px 5px;
	margin: 0 0 3px 0;
	font: bold 100% "Verdana", "sans-serif";
}

.left-nav a,
.left-nav a:visited	{
	display:block;
	padding: 3px 3px 3px 3px;
	text-decoration: none;
	font-weight: normal;
	margin:2px;
	height:13px;
	color: #666666;		
}

.left-nav a:hover,
.left-nav a:focus {
	background: url("jquery/ui/themes/TEA/images/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50% #DFEFFC;
	color: #666666;
	font-weight: normal;
}

.ui-menu .ui-menu-item a {
	font-size: 1em;
}

.ui-autocomplete a {
	font-weight: normal;
	color: #222222;
}		
.ui-autocomplete {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 300px;
	width: 250px;
}	

#shadowBox {
-moz-box-shadow: 2px 2px 6px #339900;
-webkit-box-shadow: 2px 2px 6px #339900;
box-shadow: 2px 2px 6px #339900;
}

#shadowBox2 {
-moz-box-shadow: 2px 2px 6px #c20000;
-webkit-box-shadow: 2px 2px 6px #c20000;
box-shadow: 2px 2px 6px #c20000;
}

#shadowBox3 {
-moz-box-shadow: 2px 2px 6px #A6C9E2;
-webkit-box-shadow: 2px 2px 6px #A6C9E2;
box-shadow: 2px 2px 6px #A6C9E2;
}

#shadowBox4 {
-moz-box-shadow: 2px 2px 6px #000000;
-webkit-box-shadow: 2px 2px 6px #000000;
box-shadow: 2px 2px 6px #000000;
}

.error {
color:#c20000
}