* { padding:0; margin:0; outline:0; border-collapse:collapse;}
element.style {}
body {/*background:#f9ebae;*/	font-family: Verdana, sans-serif;font-size:11px;line-height:14px;	color:#5e5e5e;	width:100%;	margin:auto;}
a.message { color:#5e5e5e;text-decoration: none;font-family: Verdana, sans-serif; font-size:11px; }
textarea { overflow:hidden;font-family: Verdana, sans-serif;font-size:11px; }
.field { border:solid 1px #d3cfc7; background:#fff; padding:5px; }
.small-field { border:solid 1px #d3cfc7; background:#fff; padding:3px 1px; font-size:11px; }
.checkbox { width:13px; height:13px; vertical-align:top; position:relative; top:2px; }
.button { background:#eee url(images/button.gif) repeat-x 0 0; border:solid 1px #b1a874; color:#555; font-size:11px; padding:2px 6px 2px 6px; cursor:pointer; line-height:14px !important; }
.button:hover { color:#333; border-color:#857b42; }
.field:focus { color:#000; border-color:#857b42;}
a img { border:0; }
a { color:#ba4c32; text-decoration: underline; cursor:pointer; }
a:hover { color:#8d341f; text-decoration: none;}
.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }
.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center !important; }

h1{ font-size:22px; line-height:24px; color:#fff; font-weight: normal;}
h1 a{ color:#fff; text-decoration: none; }
h2 { font-size:15px; font-weight: normal; padding:1em}
h3 { font-size:12px; line-height:14px; font-weight: normal; }
h3 a{ text-decoration: none; }

.shell { width:98%; margin:0 auto; }
.shellSmall { width:1200px; margin:0 auto;}

#header { height:35px; background-color:#3B5998;}
#header h1{ float:left; display:inline; padding:.2em;}
#top-navigation { float:right; white-space:nowrap; color:#fff; padding-top:10px; padding-right:12px; }
#top-navigation a{ color:#fff;text-decoration: none; }
#top-navigation span{ color:#dca598; }
#top { height:35px;}
#top h1 { padding-left:10px;padding-top:5px;}

#navigation { margin-bottom: 10px; margin-top: 10px;border-bottom: 1px solid #ccc;}
#navigation ul{ list-style-type: none;margin: 0;padding: 0;}
#navigation ul li{ position: relative; direction: ltr;}
#navigation ul li a,
#navigation ul li a span { position: relative;line-height: 20px;display: block;padding: 3px 8px 4px 2px;}
#navigation ul li a span { background-position:right 0; padding:0 20px 0 0;}
#navigation ul li a {  color: #333333; text-decoration: none; }
#navigation ul li a.active { background-color:#D8DFEA; }
#navigation ul li a:hover{ background-color: #EFF2F7;}
#navigation ul li a.active { font-size:12px; font-weight: bold; }

#navtab ul{ list-style-type: none;margin: 0;padding: 0;height: 15px;}
#navtab li{display:inline;}
#navtab ul li a {  color: #333333; text-decoration: none;height: 15px; padding: 2px 0.5em;float: left;border:1px #ccc solid;background-color:#f1f1f1;}
#navtab ul li a.active { background-color:#D8DFEA;font-weight: bold; }
#navtab ul li a:hover{ background-color: #EFF2F7;}
/**left column styles**/
#leftcol {text-align: left;display:block;width: 180px;float: left;word-wrap: break-word;padding: 20px 0 0 0px;}
#profile_pic {background-color: #FFFFFF; display: block; overflow: hidden; position: relative; width: 180px; text-align:center;}
#profile_pic img {width:90px;height:100px}

/**content styles**/
#container { padding:10px 0;}
#maincol {display: block;padding-left:10px;}
.hasLeftCol {border-left: 1px solid #B3B3B3;margin-left: 181px;padding: 0 20px 0 0;}
#contenthead {float: left;width: 98%;}
#headspan {color: #1C2A47;font-size: 15px;}
#contentcol {display:block;padding: 10px 0 10px;float: left;width: 98%;}
.uiHeaderSection, .uiSideHeader {background-color: #F2F2F2;border-bottom: none;border-top: solid 1px #E2E2E2;padding: 4px 5px 5px;}
.uiHeaderTopAndBottomBorder {border-bottom: 1px solid #E9E9E9;border-top: 1px solid #AAA;padding: 5px 0;}
.uiHeaderSection a {cursor: pointer;color: #3B5998;text-decoration: none;}
.uiHeaderSection a:hover {text-decoration: underline;}
.ProfileEditLink {text-align: left;background: url(images/edit.png) no-repeat left 2px;padding-left: 14px;}
.uiHeader h3, .uiHeader h4 {color: #333;font-size: 11px;background-color: #F0F0F0;padding: .5em;}
.uiInfoTable {border: 0;border-collapse: collapse;border-spacing: 0;width: 100%;}
.fbx .profileInfoTable th.label {padding-right: 8px;width: 80px;}
.profileInfoTable th.label {color: #999;font-weight: bold;line-height: 15px;text-align: left;vertical-align: top;width: 90px;}
.uiInfoTable .label, .uiInfoTable .data, .uiInfoTable .rightCol {padding: 3px 0 1px 0;text-align: left;vertical-align: top;}
.profileInfoTable td.data {line-height: 15px;}
.uiInfoTable .label, .uiInfoTable .data, .uiInfoTable .rightCol {padding: 3px 0 1px 0;text-align: left;vertical-align: top;}
ul {list-style-type: none;margin: 0;padding: 0;}
ul, menu, dir {display: block;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 40px;margin-left:2em}
tr {display: table-row;vertical-align: inherit;border-color: inherit;}
.profileInfoTable tr.spacer hr {background: #E9E9E9;border-bottom: 0;border-style: solid;color: #E9E9E9;}
.mtm {margin-top: 10px;}
.fcg {color: gray;}
.fwn {font-weight: normal;}
.fsm {font-size: 11px;}
.rfloat {float: right;}
.phs {padding-left: 5px;padding-right: 5px;}
.clearfix::after {clear: both;content: ".";display: block;font-size: 0;height: 0;line-height: 0;visibility: hidden;}
.profileInfoSection {margin: 0 0 30px 15px;}

.small-nav { color:#978b48; padding-bottom:20px; }
.small-nav a{ color:#6f6636; }

#main {padding:15px 0 0 0;}
#content { float:left; width:100%; }
#login-box { margin:auto;width:600px; }
#sidebar { float:right; width:20%; }

.table {}
.table th{ background:#fffdfa url(images/th.gif) repeat-x 0 0; color:#818181; text-align: left; padding:7px 10px; border-bottom:solid 1px #d2d1cb;}
.table td{ background:#fbfcfc;  border-bottom:solid 1px #e0e0e0; padding:8px 10px; }
.table tr.odd td{ background:#f8f8f8; }
.table tr:hover td{ background:#fff9e1; }
.table a.ico{ }

.box {  height:100%; padding:5px; margin-bottom:20px; border: 1px #ccc solid; }
/*.box-head { background:#ba4c32; height:32px; color:#fff; padding: 0 10px; line-height:32px; white-space:nowrap; border-bottom:solid 1px #fff; }
*/
.box-head {  height:32px; color:#000; padding: 0 10px; line-height:32px; white-space:nowrap; border-bottom:solid 1px #ccc; }
.box-head h2 {font-size:13px; font-weight: bold;}
.box-head .right{ padding-top:5px; line-height:13px;}
.box-head .right label,
.box-head .right input { float:left; }
.box-head .right label { padding:4px 0 0 0;}
.box-head .right input { margin-left:5px;}

.pagging { height:20px; padding:8px 10px; line-height:19px; color:#949494; }
.pagging a{ background:url(images/pagging.gif) repeat-x 0 0; height:20px; float:left; padding:0 8px; border:solid 1px #d5d5d5; text-decoration: none; color:#949494; margin-left:5px;  }
.pagging a:hover { border-color:#8c3521; background:#ba4c32; color:#fff; }
.pagging span{ float:left; margin-left:5px; padding-top:2px; }

a.ico { color:#9d9c9a; font-size:10px; text-decoration: none; padding:0 0 0 14px; background-repeat:no-repeat; background-position:0 0; }
a.ico:hover { color:#333;}
a.del { background-image:url(images/del.gif)}
a.edit { background-image:url(images/edit.gif); margin-left:14px;}

.form { padding:15px 10px 5px 10px; }
/*.form label{ display:block; font-weight: bold; font-size:13px; padding-bottom:4px; }*/
.form label, .view label{ display:block; font-weight: bold; font-size:11px; padding-bottom:4px; padding-left:4px;}
.form label span{ color:#999; font-weight: normal;}
.form .field { display:block; }
.form .divcheckbox {margin-left:110px;}
.form .inline-field .field { display:inline;}
.form .req { font-size:13px; float:right; white-space:nowrap; color:#999;  }
.form p{ padding-bottom:15px; }
div.form .row {margin: 8px 0;}
div.form .hint {margin: 0;	padding: 0;	color: #999;}
div.form .note {font-style: italic;}
div.form span.required {color: red;}

input, select, textarea {background: #FBFCFC;border: 1px solid #888;color: #444;font-size: 11px;margin: 0px;padding: 1px;position: relative;top: -2px;}
.test {font-size: 11px;margin: 0px;padding: 1px;position: relative;top: -2px;}

div.form div.error label,
div.form label.error,
div.form span.error
{
	color: #C00;
}

div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error
{
	background: #FEE;
	border-color: #C00;
}

div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success {background: #E6EFC2;border-color: #C6D880;}
div.form .errorMessage {color: red;	font-size: 0.9em;}
div.form .errorSummary ul {margin: 0;padding: 0 0 0 50px;}
div.wide.form label {float: left;margin-right: 10px;position: relative;text-align: left;width: 200px;}
div.wide.form {clear: left;}
.size1 { width:716px; }
.size2 { width:80px; }
.size3 { width:120px; }
textarea.size1 { height:180px; }

.buttons {  padding:5px; background:#eee; border-top:solid 1px #e0e0e0; }
.buttons .button{ margin-left:3px;}
.box-content { padding:10px; }
.login-content { padding-top:10px; }

.sort { border-top:solid 1px #e0e0e0; padding-top:10px; margin-top:15px;   }
.sort label{ display:block; font-weight: bold;}
.sort .field{ display:block; margin-top:5px; }
.sort select.field{ width:203px; }

.box-content p { padding-top:10px; }
.select-all{}
.select-all label{ text-decoration: underline; padding-left:4px; }

.add-button,
.add-button span { float:left; height:26px; background:url(images/add-button.gif) no-repeat 0 0; padding:0 0 0 28px; }
.add-button span { background-position:right 0; padding:0 10px 0 0; }
.add-button { font-weight: bold; font-size:12px; color:#747474; text-decoration: none; line-height:26px; }
.add-button:hover { color:#333;}

#footer { height:44px; background:url(images/footer.gif); line-height:44px; color:#fff;}
#footer a{ color:#fff; }

.msg { position:relative; padding-right:35px; margin-bottom:10px; }
.msg p{ padding:9px 10px 9px 40px; font-size:12px; background-repeat:no-repeat; background-position:10px 5px;}
.msg a.close{ font-size:0; line-height:0; position:absolute; top:0; right:0; width:34px; height:34px; background:url(images/close.gif); text-indent: -4000px;}
.msg-ok p{ background-color:#fffac2; border:solid 1px #dbd6a2; color:#5e5c40; background-image:url(images/msg-ok.gif); }
.msg-error p{ background-color:#f3c598; border:solid 1px #e8b084; color:#ba4c32; background-image:url(images/msg-error.gif);  }

.round { -moz-border-radius:5px; -webkit-border-radius:5px;}
/*** CSS3 ***/
/*.box { -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow: 0 0 1px #978f6c; -webkit-box-shadow: 0 0 1px #978f6c;}
.box-head { -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; }
*/h2.message { padding-left:35px; margin-bottom:10px;background:url(images/user-comment-orange.gif) no-repeat 0 0;}
.field, .button { -moz-border-radius:4px; -webkit-border-radius:4px; }
.small-field, .button, .pagging a { -moz-border-radius:3px; -webkit-border-radius:3px; }
.msg p { -moz-border-radius:6px; -webkit-border-radius:6px; }
.button { -moz-box-shadow: 0 0 2px #978f6c; -webkit-box-shadow: 0 0 2px #978f6c;}

/* begin data grid style */
table.dataGrid {	background: white;	border-collapse: collapse;}
table.dataGrid th, table.dataGrid td {	font-size: 0.9em;	border: 1px #b9d3ee solid;	padding: 0.5em;}
table.dataGrid th {	background: #d3dfee;	text-align: center;}
table.dataGrid th.label {width: 150px;	text-align:left;}
table.dataGrid tr.odd {	background: #E6F2FF;}
#yw0 ul {margin: 0 2em;padding: 0;}

/* Staff Database CSS */
.actions li {display: inline;padding:1em;text-decoration:none;}
th.label {text-align:left;}
.admin ul{margin-left:2em;}
.admin li{float:left;padding-right:2em}
.level1{margin-left:2em;}
.level2{margin-left:4em;}
.level3{margin-left:6em;}
.level4{margin-left:8em;}
.level5{margin-left:10em;}
.level1 h2{padding-left:0;clear:both;}
.level2 h2{padding-left:0;clear:both;}
.level3 h2{padding-left:0;clear:both;}
.level4 h2{padding-left:0;clear:both;}
.level5 h2{padding-left:0;clear:both;}
.level1 img{float:left;margin-right:1em;}
.level2 img{float:left;margin-right:1em;}
.level3 img{float:left;margin-right:1em;}
.level4 img{float:left;margin-right:1em;}
.level5 img{float:left;margin-right:1em;}
.level1 .info{padding:1em; clear:both}
.level2 .info{padding:1em; clear:both}
.level3 .info{padding:1em; clear:both}
.level4 .info{padding:1em; clear:both}
.level5 .info{padding:1em; clear:both}
.errorSummary {color:red}
table.tableform {width:100%;border:solid 1px}
table.tableform th{background-color:#E0E0E0;padding:1em 0;}
table.tableform td{padding:0.2em 0.2em 0 0.2em}
table.tableform td a{display: block;padding-left:1em}
table.tableform input[type='text']{height:18px;width:99%;}
table.tableform input[type='checkbox']{margin:4px}
table.tableform input[type='password']{height:18px}
table.tableform label{float:left; padding:0.2em}
table.tableform select{height:22px;width:100%;}
table.view td{padding:0.2em 0.2em 0 0.2em;border:1px solid}
#staff_db .action a, #ex_staff .action a{margin-right:1em;}
#staff_db .info img, #ex_staff .info img{width:67px;height:100px;border:1px solid}
.filter li {display:inline;margin-right:1em;}
.filter ul {margin:0}
.AnnouncementEditLink {text-align: left;background: url(images/edit.png) no-repeat left 2px;padding-left: 14px;}
table.clear {border:0px}
table.clear td{border:0px}

.box-head.position {white-space:pre-wrap}
/* Staff Database CSS */
.actions li {display: inline;padding:1em;text-decoration:none;}
th.label {text-align:left;}
.admin ul{margin-left:2em;}
.admin li{float:left;padding-right:2em}
.level1{margin-left:2em;}
.level2{margin-left:4em;}
.level3{margin-left:6em;}
.level4{margin-left:8em;}
.level5{margin-left:10em;}
.level1 h2{padding-left:0;clear:both;}
.level2 h2{padding-left:0;clear:both;}
.level3 h2{padding-left:0;clear:both;}
.level4 h2{padding-left:0;clear:both;}
.level5 h2{padding-left:0;clear:both;}
.level1 img{float:left;margin-right:1em;}
.level2 img{float:left;margin-right:1em;}
.level3 img{float:left;margin-right:1em;}
.level4 img{float:left;margin-right:1em;}
.level5 img{float:left;margin-right:1em;}
.level1 .info{padding:1em; clear:both}
.level2 .info{padding:1em; clear:both}
.level3 .info{padding:1em; clear:both}
.level4 .info{padding:1em; clear:both}
.level5 .info{padding:1em; clear:both}
.errorSummary {color:red}
table.tableform {width:100%;border:solid 1px}
table.tableform.noborder {width:100%;border:none}
table.tableform th{background-color:#E0E0E0;padding:1em 0;}
table.tableform td{padding:0.2em 0.2em 0 0.2em; vertical-align:top}
table.tableform td a{display: block;padding:0 1em}
table.tableform td ol{display: block;padding:0 3em}
table.tableform input[type='text']{height:18px;width:99%;}
table.tableform input[type='checkbox']{margin:4px}
table.tableform input[type='password']{height:18px}
table.tableform label{float:left; padding:0.2em}
table.tableform select{height:22px;width:100%;}
table.view td{padding:0.2em 0.2em 0 0.2em;border:1px solid}
table.view th{border:1px solid}
#staff_db .action a, #ex_staff .action a{margin-right:1em;}
#staff_db .info img, #ex_staff .info img{width:67px;height:100px;border:1px solid}
.filter li {display:inline;margin-right:1em;}
.filter ul {margin:0}
.editLink {text-align: left;background: url(images/edit.png) no-repeat left 2px;padding: 0 14px;}
.viewLink {text-align: left;background: url(images/view.png) no-repeat left 2px;padding: 0 14px;}
.deleteLink {text-align: left;background: url(images/del.gif) no-repeat left 2px;padding: 0 14px;}
.assignLink {text-align: left;background: url(images/assign.png) no-repeat left 2px;padding: 0 14px;}
.moreLink {text-align: left;background: url(images/more2.png) no-repeat left 2px;padding: 0 14px;}
.emailLink {text-align: left;background: url(images/email.png) no-repeat left 2px;padding: 0 14px;}
.imgiconLink {text-align: left;background: url(images/imgicon.png) no-repeat left 2px;padding: 0 8px;}
ul.chkbox{padding-top:0}
.chkbox li{text-align: left;background: url(images/chkbox1.png) no-repeat left 2px;padding: 0 16px;line-height:20px;}
.AnnouncementEditLink {text-align: left;background: url(images/edit.png) no-repeat left 2px;padding: 0 14px;}
.AnnouncementViewLink {text-align: left;background: url(images/view.png) no-repeat left 2px;padding: 0 14px;}
.AnnouncementEnquiryLink {text-align: left;background: url(images/question-icon.gif) no-repeat left 2px;padding: 0 14px;}
.chkbox input[type='checkbox']{margin:4px; float:left}
.chkbox {display:-moz-box;margin-right:1em;padding:1em 1em 0 0;}
.chkbox_tree input[type='checkbox']{margin:4px; float:left}
.chkbox_tree {margin-right:1em;padding:1em 1em 0 0;}
.box ol{margin:1em 3em;}
.grey{background:#F0F0F0;padding:0.5em;margin:0.5em 0;}
.info ol{padding-left:2em;}
table.border{margin-left:1em; width:98%}
table.border a{text-decoration: none; margin:0 1em;}
table.border th{text-align:left;}
table.border td{padding-left: 1em}
table .chkbox {padding:0;}
.fivesmenu a.box {font-size:11px;padding:0 0.5em;border:none;border-right:1px solid;}
.fivesmenu {margin-bottom:1em;}
.report5s .redtag{padding:1em 0;}
.report5s .bluetext{color:blue;}
.report5s h4{padding-bottom:1em;}

#report5s_main table{margin:0 0 0.5em 2em;}
#report5s_main .view, #forecast_view .view, #amccompetition .view{border:1px solid #CCCCCC;padding:10px;margin:10px;}
#fullscoresheet tr td{}
tr.total {border-top:medium double}
tr.total td{background-color: #EAF9FF; font-weight:bold;text-align:right;}
td.number {text-align:right}
td.center {text-align:center}
td .lfloat {float: left}
#overallredtags .notes {padding:0 0 0.5em 1.5em;color:highlight;}
#overallredtags .tablesorter{margin:0 0 1.5em 1.5em;}
#overallredtags h1{color:blue;padding-bottom:1em;}
#overallredtags label{font-weight:bold;padding:0 1em;}

/*Added by linghuey */
table.full-width{width:100%;}
table#listactivity th{background-color:#EBECE4;padding:5px;}
table#listactivity tr.even{background-color:#E0EEEE;}
table#listactivity td{padding:2px 3px;}
table#listactivity td.text-center{text-align:center;}
table#listactivity td.task-name{width:43%;}
table#listactivity td.task-lead{width:12%;}
table#listactivity td.date{width:9%;}
table#listactivity tr.show-month-value td,table#listactivity-form tr.show-month-value td{padding:5px;font-weight:bold;padding:5px 3px;text-align:left;background-color:#FBF5E6;}
table#listactivity-form tr.even{background-color:#ECF1EF;}
table#listactivity-form td{text-align:center;}
table#listactivity-form td.task-field{text-align:left;width:30%;padding:10px 0;}
table#listactivity-form td.select-month-year{width:20%;}
div#message-replay-1 .text-small{color:#cc0000;}
div.grid-view table.items th {background: url("bg.gif") repeat-x scroll left top white;color: white;text-align: center;}
div.grid-view table.items th, .grid-view table.items td {border: 1px solid white;font-size: 0.9em;padding: 0.3em;}
div.grid-view table.items {background: none repeat scroll 0 0 white; border: 1px solid #D0E3EF;border-collapse: collapse;width: 100%;}
div.grid-view table.items tr.odd {background: none repeat scroll 0 0 #E5F1F4;}
div.grid-view table.items tr.even {background: none repeat scroll 0 0 #F8F8F8;}
div.flash-error{background: none repeat scroll 0 0 #FFEEEE;border: 1px solid #CC0000;margin-bottom: 10px;padding: 5px;}
div.flash-success{ background: none repeat scroll 0 0 #E6EFC2;border: 1px solid #C6D880;color: #264409;margin-bottom: 10px;padding: 5px;}

div.flash.redbox {padding:1.5em;margin-bottom:1.5em;background:#FFCCFF;margin-left:17em;}
div.flash.bluebox {padding:1.5em;margin-bottom:1.5em;background:#e5eCf9;margin-left:17em;}
.grid-view table.items {width:84%;}
legend {padding:1em;margin-left:1em}

table.userdata {border-collapse:collapse;border:1px solid;width:100%;}
table.userdata th {border:1px solid;background-color:#e5eCf9;height:28px;padding:5px;}
table.userdata td {border:1px solid;height:25px;padding:3px 3px 0 3px;}
table.userdata td input {height:16px;}

table.userintranet {border-collapse:collapse;border:1px solid;width:100%;}
table.userintranet th {border:1px solid;height:28px;padding:5px;}
table.userintranet td {border:1px solid;height:25px;padding:3px 3px 0 3px;}
table.userintranet td input[type=file] {height:22px;}
table.userintranet td input {height:16px;}

.ocharttitle h3{padding: 0.5em 0;}
div.rtext {text-align:right;}
table.ochart {margin:1em 0;}
table.ochart td{padding:0 1em;}
table.ochart td.ochartposition{color:#3B5998;}
table.ochart td.ochartaction{text-align:right;}

.statements {padding:0 1em;}
.statements li{margin:0;}
.statements p{margin:1em;}
.hod input[type=checkbox]{margin:0 1em}
span.hod{padding:0 2em}

.resigndate{text-align:right;}
.resigndate input[type=submit] {margin-top:2px;height:20px;background:red;text-aligh:center}
.resigndate input[type=input] {margin-top:0;height:20px;}

textarea.showoverflow { overflow:auto;font-family: Verdana, sans-serif;font-size:11px; }
table.emaillist th, table.emaillist td {border:1px solid;text-align: center;padding:0 1em;}
tr.total td {background-color:#F0F0C0;padding:0 1em;}
.emaillist h1 {color:#000;text-align:center}
.emaillist h2 {font-weight:bold}
.emaillist h3 {padding:1em;font-style:italic}
#FriendLists_email_type input[type='radio']{top:0;}
.emaillist .box{margin:3em 0;}
.emaillist .filter{margin:0;}
table.margin1 {margin:1em;}
table.bordered { border-collapse:collapse; border:1px solid #d3cfc7; padding:5px }
table.bordered th, table.bordered td {border:1px solid #d3cfc7;padding:5px}

.fivesquizmenu {font-size:12px;font-weight:normal;margin:1em 0 0 1.5em;}
.fivesquiz {padding-left:1.5em;}
.fivesquiz h1 {color:#336699;font-size:18px;font-style:italic;font-weight:bold;}
.fivesquiz h2 {font-style:italic;font-weight:bold;padding-left:0}
.fivesquiz h3 {font-style:italic;font-weight:bold;padding:1em 0 0 0;}
.fivesquiz .box {padding:1.5em;margin-bottom:1.5em;background:#e5eCf9;}
.fivesquiz .box0 {padding:1.5em;background:#FFFFFF;border:1px solid;min-height:10em;}
.fivesquiz .box1 {padding:1.5em;background:#e5eCf9;border:1px solid;min-height:10em;}
.fivesquiz .border {border: 1px solid}
.fivesquiz hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:1em 0 0 0;border:none;}
.fivesquiz hr.space {background:#fff;color:#fff;visibility:hidden;}
.fivesquiz .clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.fivesquiz .clearfix, .container {display:block;}
.fivesquiz .clear {clear:both;}
.fivesquiz .section_name {margin: 0.5em 0;font-weight:bold;font-size:16px;}
.fivesquiz .section_intro {margin: 0.5em 0;font-style:italic;font-weight:bold;}
.fivesquiz .section_intro p{display:inline;}
.fivesquiz .section_content {margin: 0.5em 0;}
.fivesquiz .section {border-bottom:1px solid #F0F0F0; padding:1em 0;}

.fivesquiz .question {margin: 0.5em 0;clear:both}
.fivesquiz .question.inline {display:inline;line-height:24px;}
.fivesquiz .question div, .question p{display:inline;}
.fivesquiz .question span.block{}
.fivesquiz .number {text-align:right;}
.fivesquiz .center {text-align:center;}
.fivesquiz .redtext{color:red}
.fivesquiz .redtext a{color: Crimson}
.fivesquiz .orangetext{color: GoldenRod}
.fivesquiz .bluetext{color: CornflowerBlue}
.fivesquiz .greentext{color:teal}
.fivesquiz ul.none{list-style-type:none;padding-left:0}
.fivesquiz ul.header{list-style-type:none;}
.fivesquiz .none li{padding-left: 2em}
.fivesquiz ul.decimal{list-style-type:decimal}
.fivesquiz ul.decimal li{margin:1em 0}
.fivesquiz ul.alphabet li{list-style-type:upper-alpha;}
.fivesquiz ul.inline {padding-left:0}
.fivesquiz ul.inline li{display:inline;margin-right:10px}
.fivesquiz li.inline div{display:inline;list-style-type:none}
.fivesquiz .bordered th, .bordered td{border:1px solid;}
.fivesquiz table p {margin:0}
.fivesquiz .form input{min-height:20px;}
.fivesquiz .form.boxed {padding:10px;border:1px solid #E0E0E0;margin:10px 0;background-color:#E5ECF9}
.fivesquiz .form.boxed h3{padding-bottom:10px;border-bottom:1px dotted;}
.fivesquiz .form.boxed input, .fivesquiz .form.boxed select{margin-top:15px;height:20px;}
.fivesquiz div.introduction{margin: 1em 0;}
.fivesquiz .rtext{text-align: right;}
.fivesquiz #logo a{color:#FFFFFF; text-decoration:none; font-weight:bold}
.fivesquiz .ansoption {padding-left:1em;line-height:25px;min-height:80px;}
.fivesquiz .ansoption img, .fivesquiz .question img{vertical-align:middle; clear:both;display:block;float:right;}
.fivesquiz #section1 .ansoption input{margin-top:6px}
.fivesquiz #section1 .ansoption p{display:inline;}
.fivesquiz #section1 .ansoption label br{display:none;}
.fivesquiz .hint{padding-bottom:1em;}
.fivesquiz .handle{padding-right:0.5em}
.fivesquiz .history{padding:1em;}
.fivesquiz .boxed{border:1px solid #E0E0E0;padding:1em}
.fivesquiz .box-black{padding-top:10px}
.fivesquiz .box-black h4{font-size:110%;margin:0;padding:5px;text-align: center;vertical-align:middle;background-color:#000;line-height:30px;}
.fivesquiz .box-black h4 a{text-decoration:none;color:#000}
.fivesquiz .box-black table{width:100%;border:1px solid #000}
.fivesquiz .box-black table th{border-top:1px solid #000;line-height:25px;}
.fivesquiz .box-black table td{border-top:1px solid #000;line-height:25px;}
.fivesquiz .box-white{padding-top:10px;background-color:white;}
.fivesquiz .box-white h4{font-size:110%;margin:0;padding:5px;text-align: center;vertical-align:middle;background-color:#BDEDFF;line-height:30px;border:1px solid}
.fivesquiz .box-white h4 a{text-decoration:none;color:#000}
.fivesquiz .box-white table{width:100%;border:1px solid #BDEDFF}
.fivesquiz .box-white table th{background-color:#FFF; border-top:1px solid #BDEDFF;line-height:25px;}
.fivesquiz .box-white table td{border-top:1px solid #BDEDFF;line-height:25px;}
.fivesquiz table.bordered{margin:1em 0;}
.fivesquiz li img{vertical-align:middle;padding:0.5em 3em 0 0;clear:both;float:left;}
.fivesquiz ul.horizontal li{float:left;list-style:none;padding-right:0.5em}
.fivesquiz ul.horizontal{margin-left:0; padding:0 0 1em 0}
.fivesquiz .message{padding:0 0 1em 0;}
.fivesquiz #quizmenu{margin:1em 0 0 1em;}
.fivesquiz .rfloat{float:right;}
.fivesquiz .ansoption.inline{display:inline;}
.fivesquiz .ansoption.inline label{padding-right: 2em;}
.fivesquiz .yourtotalscore{position:absolute; top:9em; left: 128em;border:1px solid; width:110px; height:110px; text-align:center; color: blue}
.fivesquiz .yourtotalscore .big{font-size:80px;position:relative;top:0.4em;}
.fivesquiz .section_total{color: blue; text-align: right;margin:2em;}
.fivesquiz table th, .fivesquiz table td{border:1px solid;padding:5px;}
.fivesquiz.pagetitle{padding-left:1em;}
.fivesquiz div.form .row{margin-left: 1em;}
.fivesquiz table.tableform{width:95%;border-collapse:collapse;margin:1em;}
.fivesquiz .important{color:red;}
.fivesquiz table.noborder{margin:1em;}
.fivesquiz table.noborder td{border:none;}
.fivesquiz .boxed h4{border-bottom:1px dotted #E0E0E0;padding:5px 0;}
.fivesquiz .boxed h5{font-size:10px;font-style:italic}
#applicant-quizzes-form li{padding: 0.5em 0;}

/* Floating timer -- Added 2012-12-03 */
#floattimer {position:absolute;top:50px;left:50%;margin-left:601px;width:200px;font-size:2em;color:red;line-height:25px;border:1px solid;text-align:center;padding:10px;}

/* 5S scoreslide */
.slide img {max-height:400px; max-width:400px;}
.slide h2 {padding:15px 0;font-weight:bold;}
.slide h3 {padding: 15px 0;}
.bgpink {background:pink;}