﻿
a:link    {color:#cc3300; text-decoration:none;}
a:visited {color:#cc3300; text-decoration:none;}
a:hover   {color:#cc6633; text-decoration:none; border-bottom:2px #cc6633 solid;}

.nohover:link, .nohover:visited, .nohover:hover	{text-decoration:none; border-bottom:2px transparent solid;}

body {
	margin:0 auto;
	padding:2px;
	width:950px;
	background:#333333;
	background-image:url('/images/bn_backh.gif');
	background-attachment:fixed;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#0088dd;
	text-align:center;
}

/* misc */

img, .img	{border:0px;}
.bullet		{margin-right:10px;}
hr			{color:#cc6633; height:1px; background-color:#cc6633; border-style:none;}
.err		{color:#cc0000;}
ul			{list-style-type:none;}
p, td		{padding:5px; font-size:15px;}
.clear		{clear:both;}

/* nav */

.sitemenu{
	margin:0 auto;
	padding:0;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	width:800px;
	overflow:hidden;
	margin-bottom:0px;
	border:0px solid #000033;
	background:#cc6633 url(/images/sitemenumid.gif) center center repeat-x;
}
.sitemenu li{
	display:inline;
	margin:0;
	cursor:pointer;
}
.sitemenu li a{
	float:left;
	color:#ffffff;
	padding:0px 10px;
	text-decoration:none;
	border-right:1px solid #ffffff;
}
.sitemenu li a:visited, .sitemenu li a:active{
	color:#ffffff;
}
.sitemenu li a:hover, .sitemenu li .current{
	color:#ffffff;
	background:url(/images/sitemenuselected.gif) center center repeat-x;
	border-bottom:none;
}


/* divs */

div {
	margin:0;
	padding:0;
	text-align:left;
}
#outer {
	width:840px;
	padding:10px;
	background:#eeddbb;
	background-image:url('/images/ot_bg.gif');
	background-position:top;
	background-repeat:repeat-x;
	text-align:center;
}
#inner {
	margin-left:20px;
	width:800px;
	min-height:400px;
	padding-bottom:20px;
	border-left:2px #cc6633 solid;
	border-right:2px #cc6633 solid;
	border-top:2px #cc6633 solid;
	background:#ffeecc;
	background-image:url('/images/it_bg.gif');
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:center;
}
#head {
	width:800px;
	padding-bottom:5px;
}
#content {
	margin:10px 20px 0 20px;
	padding-bottom:10px;
	overflow:hidden;
	background-repeat:no-repeat;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	font-size:13px;
	color:#000033;
}
div.left {
	float:left;
	width:400px;
}
div.right {
	float:right;
	width:340px;
}
#topfoot, #foot {
	width:840px;
	padding-left:10px;
	padding-right:10px;
	background:#eeddbb;
	color:#000000;
}
#foot {
	padding:10px;
	background:url('/images/foot_bg.gif');
	background-repeat:no-repeat;
	font-weight:bold;
}
.credits{
	width:400px;
	padding:2px;
	border:1px solid transparent;
	font-size:11px;
}
.credits:hover, .tdcredits:active{
	border:1px solid #000000;
	background:#eeddbb;
	cursor:pointer;
}
#linkkeys {
	height:500px;
	vertical-align:bottom;
}

/* tables and text */

table,form {
	margin:0;
	padding:0;
	border-collapse:collapse;
}
table.form {
	width:100%;
	border:1px solid;
	border-color:#cc6633;
	background:#eeddbb;
	background-image:url(/images/form_bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:left;
}
td	{
	margin:0;
	padding:2px;
}

.large {
	font-size:17px;
	font-weight:bold;
	padding:5px;
}
.small {
	padding:2px;
	font-size:13px;
	font-weight:normal;
}
.smallform {
	padding:2px;
	font-size:11px;
	font-weight:normal;
}
.legal {
	width:350px;
	height:150px;
	padding:5px;
	font-size:11px;
	font-weight:normal;
}
.offertext {
	font-size:17px;
	font-weight:bold;
}
li.course {
	list-style-image:url('/images/bn_point.gif');
	margin-bottom:2px;
	padding:0;
	font-size:15px;
	font-weight:bold;
	color:#000033;
}
.item {
	padding:0;
	border-top:1px dashed #cc6633;
	font-size:11px;
	font-weight:bold;
	color:#000033;
}
.idesc {
	padding:0;
	font-size:11px;
	color:#333333;
}
.cdesc {
	padding:0;
	font-size:13px;
	color:#333366;
}
.dbcontent {
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}
.footlinks {
	list-style-image:url('/images/black_bullet.gif');
	font-size:13px;
}
.keys {
	font-size:2px;
	color:#cccccc;
}

/* forms */

input{
	border:1px solid #cc6633;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
}
.input200 {
	width:200px;
}
.input75 {
	width:75px;
}
.input50 {
	width:50px;
}
.input50c {
	width:50px;
	text-align:center;
}
.comment {
	width:200px;
	height:100px;
	padding:5px;
	border:1px solid #cc6633;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.formbtn {
	width:80px;
	height:20px;
	border:0px;
	cursor:pointer;
	background:url(/images/bn_button.gif);	
	font-weight:bold;
	color:#ffffff;
}
.itemadd,
.itemsub {
	width:20px;
	height:20px;
	cursor:pointer;
}
.itemadd {
	background:url(/images/plus.gif);	
}	
.itemsub {
	background:url(/images/minus.gif);
}
.formbtn:hover,
.formbtn:active,
.itemadd:hover,
.itemadd.active,
.itemsub:hover,
.itemsub.active {
	background-position:0 20px;
}

/* Date Picker */

.ui-datepicker {
width:175px;
border:0;
padding:5px;
background-color:transparent;
}
.ui-datepicker .ui-datepicker-header {
border:2px #cc6633 solid;
border-bottom:1px #eeddbb solid;
background-color:#f0e0c0;
position:relative; padding:2px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
color:#333333;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
position:absolute;
top:5px;
color:#cc6633;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;

}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {top:5px; cursor:pointer;}
.ui-datepicker .ui-datepicker-prev {left:0;}
.ui-datepicker .ui-datepicker-next {right:15px;}
.ui-datepicker .ui-datepicker-prev-hover {left:0;}
.ui-datepicker .ui-datepicker-next-hover {right:15px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display:block;
position:absolute;
left:50%;
margin-left:0;
top:50%;
}

.ui-datepicker .ui-datepicker-title {
margin:5px;
line-height:10px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
color:#333333;
}
.ui-datepicker .ui-datepicker-title select {
float:left;
font-size:13px;
margin:0;
}

.ui-datepicker select.ui-datepicker-month-year {width:100%;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width:49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {float:right;}

.ui-datepicker table {
width:100%;
border-collapse:collapse;
border:2px #cc6633 solid;
background-color:#eeddbb;
}
.ui-datepicker td {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#998866;
text-align:center;
}
.ui-datepicker th {
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-align:center;
}
.ui-datepicker td span, {display:block;}
.ui-datepicker td a {display:block; text-decoration:none; color:black; border:1px #e0d0b0 solid; background-color:#ffffff;}
.ui-datepicker td a:hover {display:block; font-weight:bold; color:#cc6633; text-decoration:none; border:1px #cc6633 solid;}

.ui-datepicker .ui-datepicker-buttonpane {
background-image:none;
margin:0;
padding:0;
border-left:0;
border-right:0;
border-bottom:0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float:right;
margin:0;
cursor:pointer;
padding:0;
width:auto;
overflow:visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float:left;
}

/* Time Entry */

.timeEntry_control {
	vertical-align:middle;
	margin-left:2px;
}
* html .timeEntry_control { /* IE only */
	margin-top:-4px;
}

/* image slider  */

#slider {
    width:285px; /* important to be same as image width */
    height:214px; /* important to be same as image height */
    position:relative; /* important */
	overflow:hidden; /* important */
	border:5px black solid;
	margin:0;
	padding:0;
	background-image:url('/images/ot_bg.gif');
	background-position:top;
	background-repeat:repeat-x;
}
#sliderContent {
    width:285px; /* important to be same as image width or wider */
    position:absolute;
	top:0;
	margin:0;
	padding:0;
}
.sliderImage {
    float:left;
    position:relative;
	display:none;
}
.sliderImage span {
    position:absolute;
	font:10px/15px Arial, Helvetica, sans-serif;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	text-align:center;
	font-size:13px;
    padding:10px;
    width:285px;
    background-color:#000;
    filter:alpha(opacity=75);
    -moz-opacity:0.75;
	-khtml-opacity:0.75;
    opacity:0.75;
    color:#fff;
    display:none;
}
.sliderImage span strong {
    font-size:14px;
}
.top {
	top:0;
	left:0;
}
.bottom {
	bottom:0;
    left:0;
}

/* NOP Cart */

.nopheader, .nopentry, .noptotal{
	font-weight:normal;
	font-size:13px;
	color:#000000;
}

/* jqModal */

.jqmWindow {
display:none;
position:fixed;
top:20%;
left:40%;
background-color:transparent;
margin:0;
padding:0;
}
.jqmOverlay {
background-color:#000000;
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position:absolute;
     top:expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* iframe modal */

input.jqmClose {clear:right; float:right; margin:0px;}
#jqmTitle {text-align:left; overflow:hidden;}
#jqmContent {width:600px; height:500px; margin:0; padding:0; border:0;}
