﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

html,body, form { height: 100%; margin: 0px; padding: 0px; }


/************GENERAL STYLES****************/
body { background: #fff url(images/bgmain.png); font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666;height: 100%; }
body.errorpage { background-color: #666; }

.wrapper
{
    min-width: 990px; width: 98%; margin: auto; background: #fff;min-height: 100%;
    -moz-box-shadow: 0 5px 5px #888;
    -webkit-box-shadow: 0 5px 5px#888;
    box-shadow: 0 5px 5px #888;
}

.banner
{
    border-top: solid 5px #1D8ECE;
    border-bottom: solid 6px #1D8ECE;

    background: #000000; /* Old browsers */

    margin: auto; 
    height: 168px;
    margin-bottom: 2px;
}

.contentwrapper
{
    border-top: dashed 1px #dfdfdf;
    padding: 5px 10px;
}


.filter table
{
    width: 100%;
}

a { color: #069; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
a.whitelink { color: #ccc; cursor: pointer; }
a.whitelink:hover { text-decoration: none; }
a img { border: 0; }
input,select,textarea { font-size: 12px; font-family: Arial, Helvetica, sans-serif; outline: none; }
small, .small { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }


td
{
    vertical-align: top;    
}


.footer {
     /* height: 25px; .push must be the same height as .footer */
    padding: 2px 0 0 0;
    position: fixed;
    
    bottom: 0;
    min-width: 990px; width: 98%;
    vertical-align: middle;
    
}

.addTodo
{
	position: fixed;
    bottom: 25px;
}

.footer tr.info
{
	background-color: #000;
	color: #fff;
}


.footer table td
{
    padding: 5px;
}


/*****STANDARD TABLE *****/
.stdtable { width: 100%;border-top: solid 1px #c6c6c6; }
.stdtable td.con0 { background: #fcfcfc; }
.stdtable td.con1 { background: #f9f9f9; }
.stdtable th.action { width: 100px; }
.stdtable th, .stdtable td { line-height: 16px; vertical-align: middle;}
.stdtable thead th, .stdtable thead td { padding: 5px 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f9f9f9;}
.stdtable tfoot th, .stdtable tfoot td { padding: 5px 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.stdtable thead th:first-child, .stdtable tfoot th:first-child,
.stdtable thead td:first-child, .stdtable tfoot td:first-child { border-left: 1px solid #ddd; }
.stdtable thead th.head0, .stdtable tfoot th.head0, .stdtable thead td.head0, .stdtable tfoot td.head0 { background-color: #eee; }
.stdtable thead th.head1, .stdtable tfoot th.head1, .stdtable thead td.head1, .stdtable tfoot td.head1 { background-color: #ddd; }
.stdtable thead td { font-weight: bold;  }
.stdtable thead td.center { text-align: center; }
.stdtable tbody tr td { padding: 8px 10px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
.stdtable tbody tr:last-child td { border-bottom: 1px solid #ccc; }
.stdtable tbody tr td:first-child { border-left: 1px solid #ddd; }
.stdtable tbody tr td:last-child { border-right: 1px solid #ddd; }
.stdtable tbody tr:hover td, .stdtable tbody tr.selected td { background: #fffccc; color: #333; }
.stdtable tbody tr.togglerow td { background: #fff; }
.stdtable tbody tr.togglerow:hover td { background: #fff; }
.stdtable tbody tr.deleted td.con0,
.stdtable tbody tr.deleted td.con1 { background: #f00;color: #fff; }
.stdtable tbody tr.deleted td.con0 a,
.stdtable tbody tr.deleted td.con1 a{ color: #fff; }
.stdtable tbody tr.new td.con0,
.stdtable tbody tr.new td.con1 { background: #0fa;color: #000; }
.stdtable tbody tr.new td.con0 a,
.stdtable tbody tr.new td.con1 a{  }
.stdtable tbody tr.hiderow { display: none; }
.stdtable .textleft {text-align: left;}

.stdtable .pager { text-align: right; }
.stdtable .pager td:hover { background: none;  }
.stdtable .pager td table td {	border: none; padding: 0px; }
.stdtable .pager td table td a 
{
	border: 1px solid #ccc; padding: 5px 7px; font-weight: bold; background: #fcfcfc; 
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  font-size: 11px;
	-moz-box-shadow: 1px 1px 2px #ddd; -webkit-box-shadow: 1px 1px 2px #ddd; box-shadow: 1px 1px 2px #ddd; 
}
.stdtable .pager td table td span
{
	border: 1px solid #222; background: #333;  color: #fff; padding: 5px 7px; font-weight: bold; 
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 11px;
}

.local {}

.label
{
    font-weight: normal;
}

.filler, .action
{
    width: 100px;
}

.required
{
    color: #ff0000;
}

.multiselect
{
    width: 100%; /*height: 98px;*/ overflow: auto; margin: 5px; border: solid 1px #d5d5d5;
}

.multiselect1
{
    width: 100%; /*height: 298px;*/ overflow: auto; margin: 5px; border: solid 1px #d5d5d5;
}

.multiselect2
{
    width: 100%; /*height: 128px;*/ overflow: auto; margin: 5px; border: solid 1px #d5d5d5;
}

.multiselect3
{
    width: 100%; /*height: 58px;*/ overflow: auto; margin: 5px; border: solid 1px #d5d5d5;
}


.multiselectsmall
{
    width: 100%; /*height: 98px;*/ overflow: auto; margin: 5px; border: solid 1px #d5d5d5;
}


/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	height: 550px;
	width: 1000px;
	overflow-y: scroll;
    overflow-x: hidden;
}

.modalPopup p {
    padding: 5px;
}

.modalPopupSmall
{
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	height: 350px;
	width: 500px;
	overflow-y: scroll;
    overflow-x: hidden;
}

.modalPopupSmall p {
    padding: 5px;
}


.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}


/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	max-height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
	cursor: pointer;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

/* note */
.note
{
	font-size: 0.9em;
	font-style: italic;
}

#timeout
{
	display: none;
}

.ui-widget,
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
	font-size: 13px;
}

