/* CSS Design by Greg Arnott
Copyright 2008 Greg Arnott. 
AUSMED */

body {
	background: transparent url(background.png) repeat-x;
}

/* Header ========================================================== */

div#header {
	background: transparent url(header_bg.gif) repeat-x;
    width:971px;
}

div#logo {
	background: transparent url(logo.gif) no-repeat;
	width: 335px;
	height: 101px;
	float: left;
	display: inline;
	margin-left: 10px;
}

/* Portlet ========================================================== */

.default .nw {
	background: transparent url(subhead_alt.gif) repeat-x scroll 0 -5px !important;
	height: 22px;
	padding-left: 10px;
}      

.default_focused .nw {
	background: transparent url(subhead.gif) repeat-x scroll !important;
}       

.default .ne {
	background: transparent url(subhead_alt.gif) repeat-x scroll 0 -5px !important;
	height: 22px;
	padding-right: 10px;
}

.default_focused .ne {
	background: transparent url(subhead.gif) repeat-x scroll !important;
}

.default .n {
	background: transparent url(subhead_alt.gif) repeat-x scroll 0 -5px !important;
	font: normal 14px/26px Arial, sans-serif;
	padding-left: 20px;
	height: 22px;
	text-align: left;
	overflow: hidden;
	line-height: 22px; 
	color: #222;
	text-transform: uppercase;
	font-weight: bold;
}

.default_focused .n {
	background: transparent url(subhead.gif) repeat-x scroll right -12px !important;
	color: #fff;
}

.catttl h4 {
	color: #1BA7ED;
	display: block;
	height: 15px;
	line-height: 15px;
	margin: 5px 0 0 0;
	padding: 0 15px;
	font-size: 10px;
	background: #E7EDEF url(bullet.gif) 5px 4px no-repeat;
	border-bottom: 1px solid #BCCAD3;
	cursor: pointer;
}

.catcont a, .catcont a:active, .catcont a:link,.catcont a:visited {
	width: 100%;
	display: block;
	padding-left: 10px;
	background: #eee;
	color: #222;
	border-left: 5px solid #999;
}

.catcont a:hover {
	background: #ccc;
	border-left: 5px solid #1BA7ED;
	color: #000;
}
.catcont li.hasTabs a {
 border : 2px dotted #999;
 border-left: 5px solid #999;
 line-height : 11px;  /* 4 pixels smaller, to code with the border */
}
.catcont li.hasTabs a:hover {
 border : 2px dotted #999;
 border-left: 5px solid #1BA7ED;
 /* background: #ccc; 
 color: #000;*/
 line-height : 11px;/* 4 pixels smaller, to code with the border */
 }
.catcont li.hasTabs.here a {
/* border : 2px dotted #999;*/
 border : 0;
 border-left: 5px solid #1BA7ED;
 /* background: #ccf;*/
 line-height : 15px; /*4 pixels smaller, to code with the border */
 }

table.sortable th, div#grpwrap th {
	border: 3px double #1BA7ED;
}
div#grpwhere th, .you {
	background: #1BA7ED;
	color: #fff;
}
.grptog h4.step1,
.grptog h4.step2,
.grptog h4.step3,
.grptog h4.step4,
.grptog h4.step5,
.grptog div.step1 {
	background: transparent url(subhead_alt.gif) repeat-x scroll 0 0 !important;
	border: 1px solid #999;
	color: #333;
	padding-left: 10px;
	font-size: 14px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.grptog h4 {
	display: block;
	height: 29px;
	line-height: 29px;
	overflow: hidden;
	text-indent: 0;
	width: 620px;
	margin: 2px 0 5px 0;
}
div#main-content th, .tableHeaderDiv {
background:#FEFEFE none repeat scroll 0 0;
border:3px double #1BA7ED;
color:#222222;
font-size:10px;
font-weight:bold;
height:24px;
line-height:20px;
padding:0 4px;
text-align:center;
vertical-align:top;
}
#step1 li span {
	background: #1BA7ED;
	border: 1px solid #222222;
	color: #FFFFFF;
	display: inline-block;
	font-size: 10px;
	font-weight :bold;
	height: 28px;
	line-height: 30px;
	margin-right: 10px;
	padding: 0;
	text-align: center;
	width: 100px;
}

div#main-content .step1 th {
	border: 1px solid #666;
	background: #1BA7ED;
	text-align: right;
	line-height: 20px;
	color: #FFFFFF;
    font-family: Verdana,Arial,sans-serif;
}
#thermometer span {
	height: 10px;
	width: 134px;
	float: left;
	display: inline;
	text-align: center;
	color: #222;
	font-weight: bold;
	font-size: 10px;
	border: 3px double #1BA7ED;
	line-height: 12px;
	font-variant: small-caps;
}

#thermometer span.done {
	text-decoration: none;
	color: #fff;
	background: #1BA7ED;
}
div#headnav{
    width:972px;

}
.divth.sortable {
background:url("../../img/sortable.gif") no-repeat scroll 1px 5px #1BA7ED;
cursor:pointer;
padding-left:11px;
}
.divth.sortable.asc  {
    background:url("../../img/sortasc.gif") no-repeat scroll 1px 5px #33D1FB;
}
.divth.sortable.dec {
    background:url("../../img/sortdec.gif") no-repeat scroll 1px 5px #33D1FB;
}

.divth{
    background:#1BA7ED;
}

