/* used for table striping */
.stripe td {
	border-bottom: 1px solid #95bce2;
}

.stripe th {
	background: #3e83c9;
	color: #fff;
	font-weight: bold;
	text-align: left;
	border-right: 1px solid #ffffff;
	line-height: 1.2;
}

.stripe tr.alt {
	background: #ecf6fc;
}

.stripe-border {
	border: 1px solid #c0c0c0;
}


/* login form box on main page */
div.loginform {
	margin: 40px auto;
	width: 260px;
	border: 2px solid #f1f1f1;
	-moz-border-radius: 4px;
	background: #fafafa;
	padding: 20px;
}

.loginform td {
	font-size: 9.5pt;
}

.loginform th {
	font-size: 9.5pt;
	text-align: left;
}

.loginform input {
	border: 1px solid #d1d1d1;
	padding: 2px;
}

/* session timeout blob */
div.sesstimeout {
	border: 2px #ff3842 solid;
	background: #ffeeee;
	padding: 5px;
	-moz-border-radius: 4px;
	text-align: justify;
}

/* login error blob */
div.loginerror {
	border: 2px #ff3842 solid;
	background: #ffeeee;
	padding: 5px;
	-moz-border-radius: 4px;
	text-align: justify;
}
.loginerror ul {
	padding-left: 15px;
}


/* registration form */
div.regform {
	/*margin: 30px 0 0 0;*/
	margin: 0 auto;
	width: 468px;
	border: 2px solid #f1f1f1;
	-moz-border-radius: 4px;
	background: #fafafa;
	padding: 20px;
}
.regform td {
	font-size: 9.5pt;
}
.regform th {
	font-size: 9.5pt;
	text-align: left;
}
.regform input, .regform textarea, .regform select {
	border: 1px solid #d1d1d1;
	padding: 2px;
	width: 270px;
}
/* section headers in reg form */
/*
.reghead {
	font-size: 12pt;
	background: #f0f0f0;
	padding: 10px;
	margin-top: 50px;
}
*/
.reghead p {
	border-bottom: 1px dotted #000000;
	font-size: 10.5pt;
	font-weight: bold;
}

/* required fields */
.reqfield {
	color: #ff0000;
}
/* give the non-form parts a bit of spacing */
.moo {
	padding: 0 0 13px 0;
}
/* reg error blob */
div.regerror {
	border: 2px #ff3842 solid;
	background: #ffeeee;
	padding: 5px;
	-moz-border-radius: 4px;
	text-align: justify;
}


/* tooltips */
a.tooltip {
	position: relative;
	z-index: 24;
	text-decoration: none;
}
a.tooltip:hover {
	z-index: 25;
}
a.tooltip span {
	display: none;
}
a.tooltip:hover span {
	display: block;
	position: absolute;
	top: -2em;
	left: -17em;
	width: 15em;
	border: 2px solid #c1c1c1;
	background-color: #fafafa;
	color: #000000;
	text-align: justify;
	padding: 10px;
}


/* news table on main page */
.newstable td {
	font-size: 10.5pt;
}

.newstable th {
	font-size: 10.5pt;
	text-align: left;
}


/* breadcrumb navigation. slightly modified to use an ol (something is overriding ul)
 * and add a bit of margin around it.
 * http://veerle.duoh.com/blog/comments/simple_scalable_css_based_breadcrumbs/ */
#crumbs ol,
#crumbs li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#crumbs {
	height: 2.3em;
	border: 1px solid #dedede;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}

#crumbs li {
	float: left;
	line-height: 2.3em;
	color: #777777;
	padding-left: 0;
	font-weight: bold;
}

#crumbs li a {
	background: url(../images/crumbs.gif) no-repeat right center;
	display: block;
	padding: 0 14px 0 8px;
	margin-right: 6px;
	font-weight: normal;
}

#crumbs li a:link,
#crumbs li a:visited {
	color: #777;
	text-decoration: none;
}

#crumbs li a:hover,
#crumbs li a:active {
	color: #000000;
}


/* tablesorter */
table.tablesorter {
	font-family:arial;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../images/tablesorter/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3d3d3d;
	padding: 4px;
	vertical-align: top;
}
table.tablesorter tbody tr.even td {
	background-color: #ffffff;
}
table.tablesorter tbody tr.odd td {
	background-color: #ecf6fc;
}
table.tablesorter tbody tr.over td {
	background-color: #bcd4ec;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/tablesorter/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/tablesorter/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #4BA1F2;
}


/* grey box for housing small tables in an aesthetic fashion */
div.greybox, span.greybox {
	/*margin: 40px auto;*/
	border: 2px solid #e0e0e0;
	-moz-border-radius: 4px;
	background: #fafafa;
	padding: 20px;
}

.greybox td {
	font-size: 9.5pt;
}

.greybox th {
	font-size: 9.5pt;
	font-weight: bold;
	text-align: left;
}

.greybox input {
	border: 1px solid #d1d1d1;
	padding: 2px;
}

#error div.greybox {
	border: 2px #ff3842 solid;
	background: #ffeeee;
	padding: 5px;
	-moz-border-radius: 4px;
	text-align: justify;
}

/* untested */
#error div.greybox ul {
	padding-left: 15px;
}


/* Enable scrollbar on all pages so it doesn't come on/off when pages get long enough */
html {
	overflow-y: scroll;
}

/* Make things a bit more readable */
p {
	font-size: 10.5pt;
}

table.larger-font tr td,
table.larger-font tr td label {
	font-size: 9pt;
}

table.largest-font tr td,
table.largest-font tr td label {
	font-size: 10.5pt;
}

/* fvs main.css defines h1 with this colour, i like it. let's have h2 and h3 the same*/
h2, h3 {
	color: #18365a;
}

textarea {
	border: 1px solid #d1d1d1;
	padding: 2px;
}


/* Links that look like buttons
 * http://www.codetoad.com/dhtml_css_buttons.asp
 */
a.but:link, a.but:visited {
	float: left;
	margin: 2px 3px;
	padding: 2px 6px;
	border-top: 1px solid #afc4d5;
	border-left: 1px solid #afc4d5;
	border-bottom: 1px solid #104a7b;
	border-right: 1px solid #104a7b;
	background: #ecf6fc;
	text-align: center;
	text-decoration: none;
	color: black;
}

a.but:hover {
	background: #bcd4ec;
}

a.but:active {
	border-bottom: 1px solid #eeeeee;
	border-top: 1px solid black;
	border-right: 1px solid #eeeeee;
	border-left: 1px solid black;
}


/* override main.css definition */
ul {
	list-style-image: none;
	list-style-type: disc;
}


/* client area menu */
ul.ca-nav li.section {
	border-bottom: 1px solid #A0A0A0;
	margin-bottom: 5px;
	font-weight: bold;
	width: 85%;
}

ul.ca-nav li.section a {
	color: #666666 !important;
}

ul.ca-nav li.item {
	list-style-image: none;
	list-style-type: none;
}


/* some success/fail/other boxes
 * http://css.dzone.com/news/css-message-boxes-different-me
 */
.box_info, .box_success, .box_warning, .box_error {
	font-size: 10.5pt;
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	-moz-border-radius: 4px;
}

.box_info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url(../images/box/info.png);
}

.box_success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url(../images/box/success.png);
}

.box_warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url(../images/box/warning.png);
}

.box_error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url(../images/box/error.png);
}


/* blobs on various pages
 * far too messy, but it works!
 */
div.blob a {
	display: block;
	background-color: #aacaf8;
	border: 1px solid #909090;
	text-decoration: none;
	padding: 10px;
	margin: 4px;
	float: left;
	width: 28%;
	height: 50px;
	text-align: center;
	vertical-align: middle;
	line-height: 4;
}

div.blob a:hover {
	background-color: #BDE5F8;
}

div.blob {
	height: 46px;
	margin: 14px 0;
}


/* submit buttons need to look nice too */
input.button {
	-moz-border-radius: 3px;
	border: 1px solid #d1d1d1;
	padding: 6px;
	cursor: pointer;
	cursor: hand;
	background: url(../images/button-background.png) repeat-x scroll 0 100% #ffffff;
	color: #000000; /* new layout override */
}

/* links can look like buttons too! */
a.button {
	-moz-border-radius: 3px;
	border: 1px solid #d1d1d1;
	padding: 4px 8px;
	cursor: pointer;
	cursor: hand;
	background: url(../images/button-background.png) repeat-x scroll 0 30% #ffffff;
	text-decoration: none;
	color: #000000;
}

/* and links in horizontal menus need a bit of love to work properly */
a.h-menu-button {
	float: left;
	margin: 2px 1px;
}

/* act like a button when rolling over it */
a.button:hover, a.h-menu-button:hover, a.button:active, a.h-menu-button:active {
	background: url(../images/button-background-hover.png) repeat-x scroll 0 31% #ffffff;
}


/********************
 * for order system *
 ********************/
#package_list {
	list-style: none;
	padding-left: 0;
}

#package_list li.package {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.toggle_display_text {
	cursor: pointer;
}

/* give padding back to order system tables */
.package_list table * td {
	padding: 4px;
}

.package_list table * ul {
	padding-bottom: 8px;
}

.package_list table * li {
	margin-left: 22px;
}

/********************
 * end order system *
 ********************/