/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {display: block;}

#bodyBtnBox{ text-align:right; position:absolute; top:-54px; right:20px; }

/* Navigation */
.hor-list li {display: inline;}
.hor-list li li {display: block;}

.piped li:before {content:"|"; padding: 0 5px;}
.piped li:first-child:before {content:""; padding: 0}

.breadcrumbs li:before {content: "/"; padding: 0 5px;}
.breadcrumbs li:first-child:before {content:""; padding: 0}

.piped li, .breadcrumbs li {*padding-left: 5px !important;} .piped li:first-child, .breadcrumbs li:first-child {*padding-left: 0 !important}

.penalty{ color:#FF0000; }

/* Tag button styles custom */
a.tag{ background-color:#d1e0f3; color:#31619b; font-size:12px; display:block; float:left; padding:3px 5px; margin:0 3px 5px 3px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
a.tag:hover{ color:#fff; background-color:#5e9ae2; text-decoration:none; }
a.tag2{ background-color:#d6f3d1; color:#319b40; font-size:12px; display:block; float:left; padding:3px 5px; margin:0 3px 5px 3px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
a.tag2:hover{ color:#fff; background-color:#459537; text-decoration:none; }
a.tag3{ background-color:#f3d1d1; color:#9b3131; font-size:12px; display:block; float:left; padding:3px 5px; margin:0 3px 5px 3px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
a.tag3:hover{ color:#fff; background-color:#cd3939; text-decoration:none; }
a.tag4{ background-color:#ddd; color:#555; font-size:12px; display:block; float:left; padding:3px 5px; margin:0 3px 5px 3px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
a.tag4:hover{ color:#fff; background-color:#e88a1b; text-decoration:none; }
a.tag5{ background-color:#ead1f3; color:#83319b; font-size:12px; display:block; float:left; padding:3px 5px; margin:0 3px 5px 3px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
a.tag5:hover{ color:#fff; background-color:#c15ee2; text-decoration:none; }
a.tag6{ background-color:#ffddb5; color:#bc6600; font-size:12px; display:block; float:left; padding:3px 5px; margin:0 3px 5px 3px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
a.tag6:hover{ color:#fff; background-color:#e88a1b; text-decoration:none; }
a.tag7{ background-color:#ffee9c; color:#be7400; font-size:12px; display:block; float:left; padding:3px 5px; margin:0 3px 5px 3px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
a.tag7:hover{ color:#fff; background-color:#e1a900; text-decoration:none; }
a.tagLeft{ padding-right:10px }
a.tagRight{ border-left:1px solid #fff; margin-left:-8px; }

/* Typography */
.right {float: right;}
.left {float: left;}
.align-left {text-align: left;}
.align-right {text-align: right;}
.center {text-align:center;}
.justify {text-align:justify;}
strong, b, .bold, .strong {font-weight:bold;}
em, i,.italic,cite {font-style:italic;}
.underline {text-decoration:underline;}
.centered {display: block;margin: 0 auto}
img.alignleft {float:left;margin:4px 10px 4px 0;}
img.alignright {float:right;margin:4px 0 4px 10px;}
.block {display: block}
ins {font-size: 1em;text-decoration: none;vertical-align: super;}
code, pre {font-family: "Lucida Console", Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace;}
.numbered {list-style: decimal-leading-zero inside;}
.disc, .square ul {list-style: disc inside;}
.disc ul, .square {list-style: square inside}
abbr, acronym {border-bottom: 1px dotted #161a1f}

.block {display: block}
.hide {display: none}

pre {border-radius: 1px 1px 1px 1px;box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);display: block;border: 1px solid #E0E0E0;overflow: auto;font-size: 12px;line-height: 20px;margin: 15px 0;white-space: pre-wrap;}
code {background-color: #FEE9CC;color: rgba(0, 0, 0, 0.75);padding: 1px 3px;border-radius: 3px 3px 3px 3px; border: 1px solid #DCC27C}
pre code {background: url(../images/code_bg.gif); display: block; border: none}

dd {margin-left: 2em;}

/* Footer */
html, body {height: 100%;}
#wrap {min-height: 100%}
#main {overflow:auto; padding-bottom: 50px;}  /* must be same height as the footer */
footer {position: relative;margin-top: -50px;height: 50px;clear:both;}
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;/* thank you Erik J - negate effect of float*/}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.ui-helper-clearfix:before,
.ui-helper-clearfix:after,
.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after,
.container_16:before,
.container_16:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after, .ui-helper-clearfix:after,
.container_12:after,
.container_16:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix, .ui-helper-clearfix,
.container_12,
.container_16 {
  zoom: 1;
}

/* tags */
.bgYellow{ color: #353535; font-size: 10px; font-weight: bold; background-color:#ffff66; padding: 1px 3px 2px 3px; }
.bgGreen{ color: #FFFFFF; font-size: 10px; font-weight: bold; background-color:#339900; padding: 1px 3px 2px 3px; }
.bgGray{ color: #FFFFFF; font-size: 10px; font-weight: bold; background-color:#a2a2a2; padding: 1px 3px 2px 3px; }
.bgWhite{ color: #555; font-size: 10px; font-weight: bold; background-color:#FFF; padding: 1px 3px 2px 3px; }
.bgOrange{ color: #FFFFFF; font-size: 10px; font-weight: bold; background-color:#ff6600; padding: 1px 3px 2px 3px; }
.bgRed{ color: #FFFFFF; font-size: 10px; font-weight: bold; background-color:#cc0000; padding: 1px 3px 2px 3px; }
.bgBlue{ color: #FFFFFF; font-size: 10px; font-weight: bold; background-color:#418dda; padding: 1px 3px 2px 3px; }
A.bgGreen,A.bgGray,A.bgOrange,A.bgRed,A.bgBlue{ color:#FFFFFF; text-decoration:none; }
A.bgYellow,A.bgWhite{ color:#353535; text-decoration:none; }
.green{ color:#339900; }
.red{ color:#cc0000; }
.blue{ color:#2a76c3; }
.gray{ color:#848484; }
.hilite{ color:#882a1e; }
.rounded{ -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.shadowVeryLight{ -moz-box-shadow:1px 1px 2px 0px #ccc; -webkit-box-shadow:1px 1px 2px 0px #ccc; box-shadow:1px 1px 2px 0px #ccc; }

/* css for timepicker */
.ui-timepicker-div { padding: 10px 10px 2px 10px; }
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

.spinner {
	position: fixed;
	top: 50%; left: 50%;
	margin-left: -79px; /* half width of the spinner gif */
	margin-top: -75px; /* half height of the spinner gif */
	text-align:center; z-index:9999; overflow: auto;
	width: 122px; /* width of the spinner gif */
	height: 96px; /*hight of the spinner gif +2px to fix IE8 issue */
	background-color:#fff;
	padding:50px 15px 0 13px; border:3px solid #eee;
	-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
}