body {font-family: Verdana, Sans-Serif; font-size: 12px; padding: 0; margin:0; text-align: center; background-color: #dddddd;}

.twrapper {width: 1100px; height: 600px; padding: 5px; margin: auto;text-align:left;overflow: visible;}
.twrapper2 {width: 98%; /*1050px;*/ padding: 5px; margin: auto;text-align:left;overflow: visible;}
.twrapper4 {width: 1000px; height: 380px; padding: 5px; margin: auto;text-align:left;overflow: auto;}
.twrapper3 {width: 950px; height: 370px; padding: 5px; margin: auto;text-align:left;overflow: auto;}

.div1{float: left;padding: 20px 5px 20px 5px;width: 480px;}
.div2{float: left; padding: 20px 5px 5px 0px;width: 180px;}

h1 {font-family: Helvetica, Verdana, Arial, Geneva, sans-serif;font-size: 18px;font-weight: bold;color: #ff6600;}
h2 {font-family: Arial, Geneva, Helvetica, Verdana, sans-serif;font-size: 16px;font-weight: bold;color: #cc0000;}
h3 {font-family: Arial, Geneva, Helvetica, Verdana, sans-serif;font-size: 14px;font-weight: bold;color: #cc0000;}

a:link {font-weight: bold; text-decoration: none; color: #aa0000;}
a:visited {font-weight: bold; text-decoration: none; color: #aa0000;}
a:hover {font-weight: bold; text-decoration: underline; color: #aa0000;}
a:active {font-weight: bold; text-decoration: underline; color: #aa0000;}

.button {margin: 1px; padding: 8px 0px 4px 0px; width: 120px;}
.button a {font-weight: bold; text-decoration: none;display: block;padding: 10px 4px 5px 4px;color: #000000; border: 1px solid #ffffff;text-align: left;}
.button a:link {font-weight: bold; text-decoration: none; color: #aa0000;border: 1px solid #ff8000; background-color: #ffffff}
.button a:visited {font-weight: bold; text-decoration: none; color: #aa0000;border: 1px solid #ff8000; background-color: #ffffff}
.button a:hover {font-weight: bold; text-decoration: none;background-color: #aa0000; color: #ffffff; border: 1px solid #ffcc00;}
.button a:active {font-weight: bold; text-decoration: none;background-color: #aa0000; color: #ffffff; border: 1px solid #ffcc00;}

.abutton {margin: 1px; padding: 8px 0px 4px 0px; width: 120px;}
.abutton a {font-weight: bold; text-decoration: none;display: block;padding: 10px 4px 5px 4px;color: #000000; border: 1px solid #ffffff;text-align: left;}
.abutton a:link {font-weight: bold; text-decoration: none;background-color: #aa0000; color: #ffffff; border: 1px solid #ffcc00;}
.abutton a:visited {font-weight: bold; text-decoration: none;background-color: #aa0000; color: #ffffff; border: 1px solid #ffcc00;}
.abutton a:hover {font-weight: bold; text-decoration: none;background-color: #aa0000; color: #ffffff; border: 1px solid #ffcc00;}
.abutton a:active {font-weight: bold; text-decoration: none;background-color: #aa0000; color: #ffffff; border: 1px solid #ffcc00;}

.button2 {margin: 1px; padding: 2px 0px 2px 0px; width: 105px;}
.button2 a {font-weight: bold; text-decoration: none;display: block;padding: 3px 4px 1px 4px;color: #000000; border: 1px solid #ffffff;text-align: left;}
.button2 a:link {font-weight: bold; text-decoration: none; color: #aa0000;border: 1px solid #ff8000; background-color: #ffffff}
.button2 a:visited {font-weight: bold; text-decoration: none; color: #aa0000;border: 1px solid #ff8000; background-color: #ffffff}
.button2 a:hover {font-weight: bold; text-decoration: none;background-color: #aa0000; color: #ffffff; border: 1px solid #ffcc00;}
.button2 a:active {font-weight: bold; text-decoration: none;background-color: #aa0000; color: #ffffff; border: 1px solid #ffcc00;}
.button2 a.disabled {font-weight: bold; text-decoration: none;display: block;padding: 3px 4px 1px 4px;color: #000000; border: 1px solid #ff8000;text-align: left;}
.button2 a.disabled:hover {cursor: default; font-weight: bold; text-decoration: none;display: block;padding: 3px 4px 1px 4px;color: #000000; border: 1px solid #ff8000;text-align: left; background-color: #fff; }

.abutton2 {margin: 1px; padding: 8px 0px 4px 0px; width: 120px;}
.abutton2 a {font-weight: bold; text-decoration: none;display: block;padding: 3px 4px 1px 4px;color: #000000; border: 1px solid #ffffff;text-align: left;}
.abutton2 a:link {font-weight: bold; text-decoration: none;background-color: #aa0000; color: #ffffff; border: 1px solid #ffcc00;}
.abutton2 a:visited {font-weight: bold; text-decoration: none;background-color: #aa0000; color: #ffffff; border: 1px solid #ffcc00;}
.abutton2 a:hover {font-weight: bold; text-decoration: none;background-color: #aa0000; color: #ffffff; border: 1px solid #ffcc00;}
.abutton2 a:active {font-weight: bold; text-decoration: none;background-color: #aa0000; color: #ffffff; border: 1px solid #ffcc00;}

.ddmenu {width: 120px; margin: 2px 0px 0px 0px; position: absolute; float: top; top: 175px;display: none; border: 0px solid #0000ff; background-color: white; z-index: 5;}

.button3 {margin: 1px; padding: 0px; width: 120px;background-color: #ffffff; z-index:3;}
.button3 a {font-weight: bold; text-decoration: none;display: block;padding: 1px;color: #000000; border: 1px solid #ffffff;text-align: left;}
.button3 a:link {font-weight: bold; text-decoration: none; color: #aa0000;border: 1px solid #ff8000; background-color: #ffffff}
.button3 a:visited {font-weight: bold; text-decoration: none; color: #aa0000;border: 1px solid #ff8000; background-color: #ffffff}
.button3 a:hover {font-weight: bold; text-decoration: none;background-color: #aa0000; color: #ffffff; border: 1px solid #ffcc00;}
.button3 a:active {font-weight: bold; text-decoration: none;background-color: #aa0000; color: #ffffff; border: 1px solid #ffcc00;}

.button4 {margin: 0px; padding: 0px; width: 20px; background-color: #ffffff; z-index:3;}
.button4 a {font-weight: bold; text-decoration: none; padding: 0px; color: #000000; border: 1px solid #ffffff;text-align: left;}
.button4 a:link {font-weight: bold; text-decoration: none; color: #aa0000;border: 1px solid #ff8000; background-color: #ffffff}
.button4 a:visited {font-weight: bold; text-decoration: none; color: #aa0000;border: 1px solid #ff8000; background-color: #ffffff}
.button4 a:hover {font-weight: bold; text-decoration: none;background-color: #aa0000; color: #ffffff; border: 1px solid #ffcc00;}
.button4 a:active {font-weight: bold; text-decoration: none;background-color: #aa0000; color: #ffffff; border: 1px solid #ffcc00;}

.sbutton_off {padding: 0px; width: 150px;font-weight: bold; text-decoration: none;color: #B44800; background-color: #ffffff; border: 1px solid #ff8000;}
.sbutton_on {padding: 0px; width: 150px;font-weight: bold; text-decoration: none;color: #ffffff; background-color: #aa0000; border: 1px solid #ffcc00;}

.form_style {width: 200px; border: 1px solid #aaaaaa;font-size: 90%;background-color: #fafafa;}
.form_style2 {width: 300px; border: 1px solid #aaaaaa;font-size: 100%;background-color: #fafafa;}
.form_style4 {width: 400px; border: 1px solid #aaaaaa;font-size: 100%;background-color: #fafafa;}
.form_style3 {border: 1px solid #aaaaaa;font-size: 90%;background-color: #fafafa;}

.button_off {padding: 0px 0px 0px 0px; width: 154px;font-weight: bold; text-decoration: none;color: #B44800; background-color: #ffffff; border: 1px solid #ff8000;}
.button_on {padding: 0px 0px 0px 0px; width: 154px;font-weight: bold; text-decoration: none;color: #ffffff; background-color: #aa0000; border: 1px solid #ffcc00;}

.pdf {background: url('../img/icon_pdf.gif') no-repeat; padding-left: 20px; height: 16px;}
.ppt {background: url('../img/icon_ppt.gif') no-repeat; padding-left: 20px; height: 16px;}

.orangeb{color: #ff8000; font-weight: bold;}
.orangedb{color: #c06000; font-weight: bold;}
.orange2{color: #cc3300; font-weight: bold;}
.redb{color: #aa0000; font-weight: bold;}
.greenb{color: #009900; font-weight: bold;}

ob {color: #ff8000; font-weight: bold;}
rb {color: #aa0000; font-weight: bold;}

.wrapper {background: white; width: 95%; /*1120px;*/ padding: 10px; margin: auto;text-align:left;overflow: visible;border: 1px solid #aaaaaa;}
table.summary {border-collapse: collapse; border: 1px solid #ffffff; font-size: 85%;}
tr.odd  {background-color: #efefef;border: 1px solid #ffffff;}
.summary tr  {background-color: #f8f8f8;border: 1px solid #ffffff;}
table tr.odd:hover {background-color: #ffffbb;border: 1px solid #ffffff;}
tr.even, tr.altRow {background-color: #e0e0e0;border: 1px solid #ffffff;}
table tr.conf:hover {background-color: #ffffbb;border: 1px solid #ffffff;}
tr.conf {background-color: #bfbfbf;border: 1px solid #ffffff;}
table tr.even:hover {background-color: #ffffbb;border: 1px solid #ffffff;}
tr.sensitive {background-color: pink;border: 1px solid #ffffff;}
td, th  {padding: 1px 4px; border: 1px solid #ffffff;}
caption {caption-side: bottom;}

.summary tbody tr:hover, th.hover {background-color: #ffffbb;border: 1px solid #ffffff;}
.summary th {background-color: #defccc; border: 1px solid #ffffff; text-align: left; vertical-align: top;}
.summary td {border: 1px solid #ffffff;}
.calendar td:hover {background-color: #ffbbdd; border: 1px solid #ffffff;}
.calendar .today { background-color: #e8e8ff;}
.logout {border: 1px solid #aaaaaa; clear: both; float: right; padding: 4px 10px; background-color: #defccc;}
.logout:hover {border: 1px solid #aaaaaa; clear: both; float: right; padding: 4px 10px; background-color: #e0e0e0;}
.wrapper2 {border: none; margin: 0; padding: 0; overflow: auto;}
.error {color: red;}
.success {color: green;}
.row_id {text-align: right;}
.full_diary, .item_contents_invisible {display: none;}	
.contact_details {float: left; height: 100%; border: 1px solid #cccccc; width: 48%; position: relative; top: 0; left: 0;padding: 4px 10px; margin-bottom: 5px;}	
.files {float: right; height: 100%; border: 1px solid #cccccc; right: 0px; padding: 4px 10px; width: 48%;margin-bottom: 5px;}	

#menu li {display: inline;}
img {border: none; padding: none; margin: none;}

.thdrcell {background:#0C2E82;font-family:arial;font-size:12px;font-weight:bold;color:#FDA601;padding:5px;border-bottom:1px solid #a0a0a0;}
.tdatacell{font-family:arial;font-size:12px;padding:5px;background:#FFFFFF}
.dvhdr1 {background:#0C2E82;color:#FDA601;font-family:arial;font-size:12px;font-weight:bold;border:1px solid #a0a0a0;padding:5px;width:150px;}
.dvbdy1 {background:#FFFFFF;font-family:arial;font-size:12px;border-left:1px solid #a0a0a0;border-right:1px solid #a0a0a0;border-bottom:1px solid #a0a0a0;padding:5px;width:150px;}
.dogvdvhdr {width:300;background:#a0a0a0;border:1px solid #a0a0a0;font-weight:bold;padding:10px;}
.dogvdvbdy {width:300;background:#FFFFFF;border-left:1px solid #a0a0a0;border-right:1px solid #a0a0a0;border-bottom:1px solid #a0a0a0;padding:10px;}
.pgdiv {width:320;height:250;background:#0C2E82;color:#FDA601;border:1px solid #a0a0a0;padding:10px;margin-bottom:20;font-family:arial;font-size:12px;}

table.summary2 {border-collapse: collapse; border: 1px solid #ffffff; font-size: 90%;}
.summary2 tbody tr:hover, th.hover {background-color: #ffffbb;border: 1px solid #ffffff;}
.summary2 th {background-color: #5454D3; color: #ffff00; border: 1px solid #ffffff; text-align: left; vertical-align: top;}
.summary2 td {border: 1px solid #ffffff;}

/* DatePicker Styles */
.dpTable {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; color: #505050; background-color: #ece9d8; border: 1px solid #AAAAAA;}
.dpTD {border: 1px solid #ece9d8;}
.dpDayHighlightTD {background-color: #CCCCCC; border: 1px solid #AAAAAA;}
.dpDayHighlight {color: #4060ff; font-weight: bold;}
.dpButton {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: gray; background-color: #d8e8ff; font-weight: bold; padding: 0px;}
.dpTodayButton {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: gray; background-color: #d8e8ff; font-weight: bold;}

#user_info {float: right; font-size: 100%; font-weight: bold; color: green; padding: 0px 5px;}
#edit_delete {width: 200px; float: right; font-size: 100%; font-weight: bold; color: green; padding: 0px 5px;}
/*#calendar {width: 600px; text-align: right;}*/

#tabmenu {color: #aa0000; border-bottom: 1px solid #999;margin: 12px 0px 0px 0px;padding: 0px;z-index: 1;padding-left: 10px;}
#tabmenu ul {list-style-type: none; margin: 0px; padding: 10px 0px 2px 0px;}
#tabmenu li {display: inline;}
#tabmenu a {border: 1px solid #aaaaaa;padding: 1px 5px 0px 5px;margin: 0px;text-decoration: none;background-color:#f0f0f0;}
#tabmenu a:active {color: #ffffff; background-color:#ff8000;}
#tabmenu a:hover {color: #ffffff; background-color:#ff8000;}
#tabmenu a.active {color: #aa0000;background-color: #ffffff;border-bottom: 2px solid #ffffff;}
#tabmenu a.active:hover {color: #ff8000;background-color:#ffffff;}
#tabmenu a.disabled, a.disabled:hover {color: grey; border: 1px solid #aaaaaa;padding: 1px 5px 0px 5px;margin: 0px;text-decoration: none;background-color:#f0f0f0;}
#tabmenu a.disabled:hover {cursor: default; color: grey; border: 1px solid #aaaaaa;padding: 1px 5px 0px 5px;margin: 0px;text-decoration: none;background-color:#f0f0f0;}

#application-tabs {height: 500px; width: 100%;padding: 1px;text-align: left;background-color: #ffffff; color: black;border: 1px solid #aaaaaa;border-top:none;z-index: 2;overflow: auto;}
.innerframe{height: 60%; padding: 5px 10px 5px 10px; text-align: left; font-size: 10px; background-color: #f8f8f8; color: black; border: 1px solid #aaaaaa; overflow: auto;}
.small{font-size: 9px;}
.genframe{width: 100%; height: 100%; text-align: left; vertical-align:top; background-color: #f8f8f8; color: black; border: 1px solid #aaaaaa;}
.gentd{padding: 5px 10px 5px 10px; vertical-align: top;}
.contactmap{width: 500px;border: 0px solid black;padding: 0px 0px 0px 50px;}
.fsa{text-align: center;margin: 1px; border: 0px solid black;font-size: 9px; color: #303030;}

.paginator { padding-bottom: 10px; }
.paginator .inner {margin: 0 auto; display: inline-block; }
.paginator .inner a, .paginator .inner .current .num { background-color: #ccc; color: #fff; padding: 3px 8px; margin: 2px;line-height: 2em; font-weight: bold;}
.paginator .inner a:hover { text-decoration: none;background-color: #666; }
.paginator .inner .current { background: #aa0000; cursor: default; color: #fff; }

#footer { font-size: 75%; }
.overdue { color: #e00; }



/* FORM SPECIFIC */


.forma {
width:99%;
}

.forma div.input {
width: 560px;
margin: 0;
padding: 5px 0 8px 130px;
}

.form-wrapper .forma label {
font-weight: bold;
float: left;
margin-left: -130px; /*width of left column*/
width: 120px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.form-wrapper {
background:#FFFEE6; /* url(../img/b_form_wrapper.jpg) repeat-x scroll left bottom; */
border:1px solid #E6E6E6;
margin:20px 20px 0pt;
padding:10px;
font-weight: normal;

}

.form-wrapper div h5 {
margin:5px 0pt 5px;
padding:5px 0pt 5px 0px;
text-transform:uppercase;
font-weight: bold;
}

.form-wrapper div h5 a{
margin:5px 0pt 5px 10px;
padding:5px 0pt 5px 0px;
text-transform:uppercase;
font-weight: bold;
text-decoration: underline;
color: orange;
}

.form-wrapper label{
font-weight: bold;
}

.cssform div.input {
float:left;
width: 85%;
margin: 0;
padding: 5px 0 8px 130px;
}

.cssform .submit {
padding: 5px 0 8px 150px;	
}

.cssform div.error-message{
width: 300px;
margin: 0;
padding: 5px 0 8px 15px;
color:#990000;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -130px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}


.required {
border-width:thin;
border-right-color:#FF0000;
}


.cssform input.required {
border-right-width: thick;
border-right-color:#FF0000;
width:50%;

}

.cssform textarea{
width: 300px;
height: 150px;
}

.cssform textarea.required {
width: 300px;
border-width:thin;
border-left-width: thick;
border-left-color:#FF0000;
}

.cssform checkbox{
width: 300px;
height: 150px;
}

.cssform radio label { font-weight: normal; }
.form-wrapper .cssform2 label { font-weight: normal; }

 /* ---------------- specific input elements ----- */

td.High { background-color: rgb(239, 96, 96); }
td.Medium { background-color: rgb(239, 144, 144); }
td.Low { background-color: rgb(239, 192, 192); }

td.num { text-align: right; }

.closed { opacity: 0.6; }




#admin_menu { float: left; display: inline; list-style: none; padding: 4px 0px; margin: 2px 0px; border: none; }
/*h3 { padding: 2px 4px; border: 1px solid #666; margin-bottom: 0px; text-align: center; color: black; background-color: #DDD; }*/
#rating h4 { padding: 2px 4px; border: 1px solid #666; margin-bottom: 0px; background-color: #DDECFF; }
#rating h5 { padding: 1px 4px; border: 1px solid #666; border-top: none; border-bottom: none; margin-top: 0px; margin-bottom: 0px; background-color: #D6DDE5; }
.summary_small { font-size: 68%; width: 100%; border-collapse: collapse; border: 1px solid #666; }
.summary_small input { font-size: 95%; width: 100%; border-collapse: collapse; border: 1px solid #666; }
.summary_small th, .summary_small td { border-collapse: collapse; border-left: 1px solid #666; border-right: 1px solid #666; text-align: right; }
.summary_small th { border-collapse: collapse; border: 1px solid #666; }
.summary_small .bottom { border-collapse: collapse; border-bottom: 1px solid #666; }
.top { border-top: 1px solid #666; }
.bottom { border-bottom: 1px solid #666; }
.no_bottom { border-bottom: none; }
.summary_small.no_border, .summary_small.no_borders { border: none; }
th.left, .summary_small td.left { text-align: left; }


#submission { font-size: 80%; width: 100%; border-collapse: collapse; border: 0.1em solid #666; }
#submission td, th { border-collapse: collapse; /*border: 1px solid red;*/ border: none; margin: 0; padding: 2px 4px;}
#submission th { border-top: 1px solid black; border-left: thin solid black; }
#submission .right { border-right: 1px solid black; }

td.bound_option { background-color: palegreen; }
/*.summary_small tr td:nth(12) {color: red; }*/

address, .print_only {display: none; }