/*-------------------------------------------------------------
 Style sheet for Tiara application.
-------------------------------------------------------------*/

html { }
body { font-size: 1em; font-family: Arial, Verdana, Helvetica, Sans-Serif; margin: 0; padding: 0; }

/*-------------------------------------------------------------
 PRIMARY LAYOUT ELEMENTS    
-------------------------------------------------------------*/
.page { margin: 0 2em; }
#header { position: relative; color: #000; padding: 0; }
#header h1 { border: none; font-size: 300%; text-align: right; }
#main { padding: 2em; _height: 1px; /* only IE6 applies CSS properties starting with an underscore */ }
#footer { color: #999; text-align: center; line-height: normal; margin: 0; font-size: .9em; }

td { vertical-align: top; }

/*-------------------------------------------------------------
 MISC  
-------------------------------------------------------------*/

.divDisplayMessage { color: #B22222; font-size: medium; margin-bottom: 1em; }
.LeftBorder { border-left:1px solid gray; padding-left:10px; }

/* Pager: navigation of paging below tables */
.pager { text-align: left; }
.next { }
.first { }
.prev { }
.last { }
.pagedisplay { }

.clear { clear: both; }
.error { color: Red; }
#title { display: block; float: left; text-align: left; }
logindisplay { font-size: 1.1em; display: block; text-align: right; margin: 10px; color: #ffffff; }
#logindisplay a:link { color: #ffffff;}
#logindisplay a:visited { color: #ffffff; }
.field-validation-error { color: #ff0000; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000; }

/*-------------------------------------------------------------
 MENU   
-------------------------------------------------------------*/

.menucontainer { font-size: 110%; margin: 0; padding: 0; }
.menu { }
.menu a { }
ul.menu { position: relative; margin: 0; }
ul.menu li { display: inline; list-style: none; }
ul.menu li#greeting { padding: 10px 20px; font-weight: bold; text-decoration: none; color: #ffffff; }
ul.menu li a:link, ul.menu li a:visited { font-size: 120%; text-decoration: none; color: #000000; margin: 0 0.3em; }
ul.menu li.selected a { background-color: Green; color: #000; text-decoration: none; background-color:Green  }
.submenu { border: 2px solid #000; width: 100%; margin: 0; padding: 0; padding-left: 0.3em; font-size: 115%; }
ul.menu li a:hover, ul.menu li a:active{background-color:Green;text-decoration:none;color:White;}
.submenu a, .submenu a:link, .submenu a:hover, .submenu li a:visited { text-decoration: none; color: #000000;}
.submenu a:active,.submenu a:hover{background-color:#8B4789;text-decoration:none;color:White;} 
.menucontainer ul.menu li:first-child { border:none;}
.menucontainer ul.menu li:first-child a { border:none; color:gray;}

/*-------------------------------------------------------------
 Controls
-------------------------------------------------------------*/

.displayTimeAndDate { text-align: center; font-size: small; width: 10%; }
.displaySmilies { text-align: center; width: 2%; }
.displayCode { text-align: center; width: 5%; }
.displayClient { text-align: left; width: 20%; }
.label { font-size: small; }
.labelWithMargin { font-size: small; margin-right: 25em; padding-left:1em;}
.labelWithLessMargin { font-size: small; margin-right: 4em; }
.labelSmall { font-size: x-small; }
.col0 {padding-right: 1em; text-decoration: none; font-size: small;}
.col1 {text-decoration: none; font-size: small;text-align:left;}
.liSmall { font-size: x-small; font-style: normal; border-right: 1px dotted #000000;}
.liMedium { border-top: 2px solid #000000; border-left: 2px solid #000000; border-right: 2px solid #000000; margin: 0; margin-right: 2px; }
.ulSmall { font-size: x-small; width: 100%; height: 0.5em; float: left; }
.labelIdentifiers {font-size: small; padding-right: 1em; text-decoration: none; }
.labelBold { font-size: small; font-weight: bold; }
.inputControl { font-size: small; border: solid 1px; width: 15em;}
.textArea { font-size: small; border: solid 1px; width: 42em; }
.textAreaFull { font-size: small; border: solid 1px; width: 20em; height:10em; }
.dateInputControl { font-size: small; border: solid 1px; width: 7em; }
.inputControlSmall { font-size: small; width: 10em; }
.fullWidth { width: 100%; }
.actionLink { font-size: small; font-weight: bold; }
.updateInformationTR { font-size: small; background-color: ButtonFace; }
.pageHeader { font-weight: bold; font-size: 150%; margin-bottom: 1em; }
.subPageHeader { font-weight: bold; font-size: medium; width: 99%; margin-bottom: 1em; }
.gridRow { font-size: small; background-color: White; }
.halfWidth { width: 55%; padding: 0; }
.alternateGridRow { font-size: small; background-color: #B0C4DE; }
.withBorder { border-width: 0.1em; border-color: Black; width: 99%; border-style: solid; }
.withBottomBorder { border-width: 0.1em; border-color: Black; border-style: solid; }
.centreAlign { text-align: center; }
.leftAlign { text-align: left; }
.rightAlign { text-align: right; }
.columnHeader { font-size: small; text-align: center; }
.displayDate { text-align: center; font-size: small; width: 8%; }
.displayName { text-align: left; font-size: small; width: 5%; }
.displayVersion { text-align: left; font-size: medium; font-weight: bold; width: 7%; }
.error { background-image: url(error.JPG); background-repeat: no-repeat; background-position: left; padding-left:15px;}
.warning { background-image: url(warning.jpg); background-repeat: no-repeat; background-position: left; padding-left:15px;}
.information { background-image: url(information.jpg); background-repeat: no-repeat; background-position: left; padding-left:15px; }
.breadcrumb { margin-bottom: 1em; }
.imgmainpage {background-image: url(Tiara.png); background-repeat: no-repeat; background-position: right; width:70%; height: 200px;}
/*-------------------------------------------------------------
 For sorter
-------------------------------------------------------------*/
th.headerSortUp { background-image: url(asc.gif); background-repeat: no-repeat; background-position: right; cursor: pointer; }
th.headerSortDown { background-image: url(desc.gif); background-repeat: no-repeat; background-position: right; }
table th { border-bottom-style: solid; border-bottom-width: 0.07em; border-bottom-color: Black; }
table tr.selectedRow { background-color: #669966; cursor: pointer; color: White; }
.pagesize { display: none; }

/*-------------------------------------------------------------
 Date Picker 
-------------------------------------------------------------*/

.ui-datepicker-cover { display: none; display: block; position: absolute; z-index: -1; /* Do not change please*/ top: -4px; left: -4px; width: 200px; height: 200px; }
#ui-datepicker-div, .ui-datepicker-inline { font-size: 14px; padding: 0; margin: 0; background: #ddd; width: 185px; }
#ui-datepicker-div { display: none; border: 1px solid #777; z-index: 9999; /*must have*/ }
.ui-datepicker-inline { float: left; display: block; border: 0; }
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-dialog { padding: 5px !important; border: 4px ridge #ddd !important; }
button.ui-datepicker-trigger { width: 25px; }
img.ui-datepicker-trigger { margin: 2px; vertical-align: middle; }
.ui-datepicker-prompt { float: left; padding: 2px; background: #ddd; color: #000; }
* html .ui-datepicker-prompt { width: 185px; }
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker { clear: both; float: left; width: 100%; color: #fff; }
.ui-datepicker-control { background: #400; padding: 2px 0px; }
.ui-datepicker-links { background: #000; padding: 2px 0px; }
.ui-datepicker-control, .ui-datepicker-links { font-weight: bold; font-size: 80%; }
.ui-datepicker-links label { /* disabled links */ padding: 2px 5px; color: #888; }
.ui-datepicker-clear { float: left; width: 34%; }
.ui-datepicker-prev { float: left; width: 34%; }
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev { float: right; text-align: right; }
.ui-datepicker-current { float: left; width: 30%; text-align: center; }
.ui-datepicker-close, .ui-datepicker-next { float: right; width: 34%; text-align: right; }
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next { float: left; text-align: left; }
.ui-datepicker-header { padding: 1px 0 3px; background: #333; text-align: center; font-weight: bold; height: 1.3em; }
.ui-datepicker-header select { background: #333; color: #fff; border: 5px; font-weight: bold; }
.ui-datepicker { background: #ccc; text-align: center; font-size: 100%; }
.ui-datepicker a { display: block; width: 100%; }
.ui-datepicker-title-row { background: #777; }
.ui-datepicker-days-row { background: #eee; color: #666; }
.ui-datepicker-week-col { background: #777; color: #fff; }
.ui-datepicker-days-cell { color: #000; border: 1px solid #ddd; }
.ui-datepicker-days-cell a { display: block; }
.ui-datepicker-week-end-cell { background: #ddd; }
.ui-datepicker-title-row .ui-datepicker-week-end-cell { background: #777; }
.ui-datepicker-days-cell-over { background: #fff; border: 1px solid #777; }
.ui-datepicker-unselectable { color: #888; }
.ui-datepicker-current-day { background: #999 !important; }
.ui-datepicker-status { background: #ddd; width: 50%; font-size: 80%; text-align: center; }