body{
  font-family:Helvetica Neue, Arial, Helvetica, sans-serif;
}


.calsel{
  font: normal 10px Tahoma;
  /*background: #F4F4F4;*/
  color: #003366;
  /*padding: 2px 0 2px 0;*/
}

.crtype0 {
  margin: 0 auto;
  /*color: #888;*/
  /*width: 300px;*/
  padding: 5px;
  /*text-align: left;*/
  background-color: #fff;
  border: 2px solid #DDD;
  margin-bottom: 5px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

.crtype0:hover {
  border: 2px solid #F00;
}

.crtype1 {
  margin: 0 auto;
  /*color: #888; */
  /*width: 300px;*/
  padding: 5px;
  text-align: left;
  background-color: #fff;
  border: 2px solid #3A56C5;
  margin-bottom: 5px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

.crtype1:hover {
  border: 2px solid #F00;
  background-color: #EEE;
}

.crtype_x {
  margin: 0 auto;
  /*color: #888; */
  /*width: 300px;*/
  padding: 5px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #FF9933;
  margin-bottom: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

a:link {text-decoration: none; color:#000066;}
a:visited {text-decoration: none; color:#000066;}
a:active {text-decoration: none; color:#FF6600;}
a:hover {text-decoration: none; color:#FF3333;}

.container{
  width:950px;
  margin:0 auto;
}

.xcontainer{
  width:950px;
  margin:0 auto;
}

.header{
  font-size: 12px;
  font-family: Tahoma;
  line-height:1.5;
  text-align: left;
  color:#5B5B5B;
  /*height: 150px;*/
  position:fixed;
  top:0;
  left:0;
  right:0;
  background-color:#FFFFFF;
  /*background-color:rgba(255, 255, 255, 0.9);*/
  /*border-top:2px solid #E9E9E9;*/
  /*border-bottom: 2px solid #E9E9E9;*/
  /*margin-top: 5px;*/
}

.head_spacer{
  height: 156px;
  /*background-color:#BFFFF0;*/
  margin-top: 10px;
  margin-bottom: 10px;
}

.top_menu{
  clear:both;
  font-size: 12px;
  font-family: Tahoma;
  line-height:1.5;
  text-align: left;
  color:#5B5B5B;
  /*height: 150px;*/
  position:fixed;
  left:0;
  right:0;
  background-color:#FFFFFF;
  /*background-color:rgba(255, 255, 255, 0.9);*/
  border-top:1px solid #E9E9E9;
  border-bottom: 1px solid #E9E9E9;
  padding: 5px 0 5px 0;
  /*margin-top: 10px;*/
  /*margin-bottom: 10px;*/
}

.top_menu:hover{
  border-top:1px solid #82C27E;
  border-bottom: 1px solid #82C27E;
}

.caltext{
  width:494px;
  height: 50px;
  border:2px solid #82C27E;
}

.footer{
  font-size: 12px;
  font-family: Tahoma;
  line-height:1.5;
  padding: 5px 0 5px 0;
  text-align: right;
  color:#5B5B5B;
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  background-color:#FFFFFF;
  /*background-color:rgba(255, 255, 255, 0.9);*/
  border-top:1px solid #E9E9E9;
  border-bottom: 1px solid #E9E9E9;
  margin-bottom: 5px;
}

.footer:hover{
  border-top:1px solid #82C27E;
  border-bottom: 1px solid #82C27E;
}

.center_add{
  margin: 0;
  color: #888;
  width: 515px;
  height: 155px;
  text-align: center;
  background-color: #fff;
  border: 2px solid #FFFFFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 5px;
}

.center_add:hover{
  /*border: 2px solid #FF0000;*/
}

.right_add{
  margin: 0;
  color: #888;
  width: 150px;
  height: 150px;
  text-align: center;
  background-color: #fff;
  border: 0px solid #FFFFFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 5px;
}

.right_add:hover{
  /*border: 2px solid #FF0000;*/
}

.right_last{
  margin: 0;
  color: #888;
  width: 150px;
  height: 24px;
  text-align: center;
  background-color: #fff;
  border: 2px none #D3D3D3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 5px;
}


.rbox_a{
  margin: 0 auto;
  /*color: #888;*/
  /*width: 300px;*/
  padding: 5px;
  /*text-align: left;*/
  background-color: #fff;
  border: 1px solid #DDD;
  margin-bottom: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.urlbox {
    border: 1px solid #808080;
    background: #FFFFFF;
    width: 500px;
	height:18px;
	font-family: Arial;
	font-size: 11px;
    vertical-align: middle;
}

.urlbox:hover {
    background: #FFFFEE;
}

.stdbox {
    border: 1px solid #808080;
    background: #FFFFFF;
    width: 220px;
	height:18px;
	font-family: Arial;
	font-size: 11px;
    vertical-align: middle;
}

.stdbox:hover {
    background: #FFFFEE;
}

.smbox {
    border: 1px solid #808080;
    background: #FFFFFF;
    width: 100px;
	height:18px;
	font-family: Arial;
	font-size: 11px;
    vertical-align: middle;
}

.smbox:hover {
    background: #FFFFEE;
}

.snbox {
    border: 1px solid #E6E6FF;
    background: #FFFFFF;
    width: 80px;
	height:18px;
	font-family: Arial;
	font-size: 11px;
    vertical-align: middle;
}


.sinbox {
    border: 1px solid #E6E6FF;
    background: #FFFFFF;
    width: 220px;
	height:18px;
	font-family: Arial;
	font-size: 10px;
    vertical-align: middle;
}

.esinbox {
    border: 2px solid #FF9933;
    background: #FFFFFF;
    width: 220px;
	height:80px;
	font-family: Arial;
	font-size: 10px;
    vertical-align: middle;
}

.sinbox:hover {
    background: #FFFFEE;
}

.sinbox:focus {
    background: #EEFEFF;
}


.tsinbox {
    border: 1px solid #E6E6FF;
    background: #FFFFFF;
    width: 220px;
	height:60px;
	font-family: Arial;
	font-size: 8px;
    vertical-align: middle;
}

.tsinbox:hover {
    background: #FFFFEE;
}

.tsinbox:focus {
    background: #EEFEFF;
}


.snbox:hover {
    background: #FFFFEE;
}

.urlbox:focus {
    background: #EEFEFF;
}

 .ubtn {
    border: 1px solid #3F3F3F;
    background: #C1C1C1;
    width:100px;
	height:22px;
    color: #003333;
	font-family: Tahoma;
	font-size: 8pt;
	padding: 0px 0px 3px 0px;
    vertical-align: middle;
	}

.ubtn:hover {
    background: #CC3333;
    color: #FFFFCC;
}


.sbtn {
    border: 1px solid #3F3F3F;
    background: #C1C1C1;
    width:40px;
	height:22px;
    color: #94670A;
	font-family: Tahoma;
	font-size: 8pt;
	padding: 0px 0px 3px 0px;
    vertical-align: middle;
	}

.sbtn:hover {
    background: #FF9933;
}

.xbox_left{
  border: 1px solid #FFFFFF;
  line-height:1.5;
  float:left;
  width:200px;
  padding: 5px 10px 5px 10px;
  font-family: Tahoma;
  font-size: 8pt;
  /*position:fixed;*/
}

.box_left{
  border: 1px solid #FFFFFF;
  line-height:1.5;
  float:left;
  width:200px;
  padding: 5px 10px 5px 10px;
  font-family: Tahoma;
  font-size: 8pt;
  position:fixed;
}

.box_right{
  border: 1px solid #FFFFFF;
  float: right;
  width:150px;
  padding: 5px 10px 5px 10px;
  font-family: Tahoma;
  font-size: 8pt;
}

.box_center{
  border: 1px solid #FFFFFF;
  margin-left:230px;
  line-height:1.2;
  /*margin-right:auto;*/
  width:518px;
  padding: 5px 10px 5px 10px;
  font-family: Tahoma;
  font-size: 10pt;
}

.box_cen_full{
  border: 1px solid #FFFFFF;
  margin-left:230px;
  line-height:1.2;
  /*margin-right:auto;*/
  width:698px;
  padding: 5px 10px 5px 10px;
  font-family: Tahoma;
  font-size: 10pt;
}

h4 {
	font-size: 160%;
	color: #000;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	text-decoration: none;
}

h1{
  font-family:Times New, Times, Courrier;
  color:#222222;
  font-size:4em;
}

.datetext{
  width: 140px;
  font-family:Tahoma;
  font: normal;
  color: #330066;
  border: 0px solid #FFFFFF;
  font-size: 10px;
  font-weight: bold;
}

.datetext option {
  border:0px solid #FFFFFF;
  background: #FFFFFF;
  font-weight: normal;
}

.loginbar{
  width: 200px;
  font-family:Tahoma;
  font: normal;
  color: #336633;
  border: 2px solid #006666;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 10px;
}

.lobox {
    border: 1px solid #006666;
    background: #FFFFFF;
    width: 80px;
	height:18px;
	font-family: Tahoma;
	font-size: 10px;
    vertical-align: middle;
    padding: 0px 5px 0px 5px;
}

.lobox:hover {
    background: #FFFFEE;
}

.lobox:focus {
    background: #EEFEFF;
}

.shtext{
  font-family: Tahoma;
  font-size: 12px;
  width: 506px;
  height:100px;
  border: 1px solid #C7C7C7;
  background: #FFFFFF;
  overflow: auto;
  padding: 5px;
}

.box_right .hebar{
  font-family:Times New, Times, Courrier;
  font: normal bold 12px;
  color: #336633;
  /*background: black url(../img/titlebar.png) repeat-x center left;*/
  margin-bottom: 5px; /*bottom spacing between header and rest of content*/
  text-transform: uppercase;
  padding: 2px 0 2px 5px; /*header text is indented 10px*/
  border: 2px solid #7CB43C;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.arrowlistmenu{
 width: 200px; /*width of menu*/
}

.arrowlistmenu .headerbar{
  font-family:Times New, Times, Courrier;
  font: normal bold 12px;
  color: #336633;
  /*background: black url(../img/titlebar.png) repeat-x center left;*/
  margin-bottom: 5px; /*bottom spacing between header and rest of content*/
  text-transform: uppercase;
  padding: 2px 0 2px 5px; /*header text is indented 10px*/
  border: 2px solid #7CB43C;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.arrowlistmenu ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
  padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
  color: #4A4A4A;
  background: url(../img/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
  display: block;
  padding: 2px 0;
  padding-left: 19px; /*link text is indented 19px*/
  text-decoration: none;
  font-weight: bold;
  border-bottom: 1px solid #dadada;
  font-size: 90%;
}

.arrowlistmenu ul li a:visited{
  color: #4A4A4A;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
  color: #FF0000;
  background-color: #F3F3F3;
}


.top_menu:hover{
  border-top:1px solid #82C27E;
  border-bottom: 1px solid #82C27E;
}

.rtop_menu{
  clear:both;
  font-size: 12px;
  font-family: Tahoma;
  line-height:1.5;
  text-align: left;
  color:#5B5B5B;
  /*height: 150px;*/
  position:fixed;
  left:0;
  right:0;
  background-color:#FFFFFF;
  /*background-color:rgba(255, 255, 255, 0.9);*/
  padding: 1px 0 1px 0;
  /*margin-top: 10px;*/
  /*margin-bottom: 10px;*/
}

.rmenu{
  width: 100%;
  background-color: #F8F7F1;
}

.rmenu ul{
  margin: 0; padding: 0;
  float: left;
}

.rmenu ul li{
    display: inline;
}

.rmenu ul li a{
  float: left; text-decoration: none;
  color: #494949;
  padding: 2px 5px 3px 5px;
  background-color: #F8F7F1;
}

.rmenu ul li a:visited{
  color: #494949;
}

.rmenu ul li a:hover, .rmenu ul li .current{
  border-bottom: 1px solid #003333;
  border-top: 1px solid #003333;
  background-color:#ECE9D8;
  color: #FF0000;
}


.menu{
  width: 100%;
  background-color: #FFFFFF;
}

.menu ul{
  margin: 0; padding: 0;
  float: left;
}

.menu ul li{
    display: inline;
}

.menu ul li a{
  float: left; text-decoration: none;
  color: #494949;
  padding: 2px 10px 3px 10px;
  background-color: #FFFFFF;
}

.menu ul li a:visited{
  color: #494949;
}

.menu ul li a:hover, .menu ul li .current{
  background-color:#F3F3F3;
  color: #FF0000;
}

.news_box{
  overflow: visible;
  width: 517px;
  color: #4A4A4A;
  height: auto;
  border: 1px none #888888;
}

.news_text{
  font-family: Tahoma, Arial, sans-serif;
  font-size: 10pt;
  color: #7CB43C;
}

.clearboth { clear: both; }

.author{
  /*float: left;*/
  /*width: 40px;*/
  border: 1px solid #888888;
  padding: 2px 2px 2px 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.article{
  /*width: 515px;*/
  height: 24px;
  background: #F8F8F8;
  padding: 2px 4px 2px 2px;
  color: #4A4A4A;
  border-top: 1px solid #494949;
  border-bottom: 1px solid #494949;
}

.artmenu{
  /*width: 515px;*/
  height: 24px;
  background: #FFFFFF;
  padding: 2px 4px 2px 2px;
  /*color: #4A4A4A;*/
  /*border-top: 1px solid #494949;*/
  border-bottom: 1px solid #494949;
}

.news{
  /*width: 515px;*/
  height: 18px;
  background: #FFFFFF;
  padding: 2px 4px 2px 2px;
  /*color: #4A4A4A;*/
  /*border-top: 1px solid #494949;*/
  border-bottom: 1px dotted #CFCFCF;
}

.au_box{
  /*width: 515px;*/
  height: 40px;
  background: #F0F0F0;
  padding: 2px 4px 2px 2px;
  color: #4A4A4A;
  border-top: 1px solid #494949;
  border-bottom: 1px solid #494949;
}

.rh_image{
  float: right;
  margin:2px 0 2px 10px;
  padding: 2px 2px 2px 2px;
  /*border: 2px solid #D7D7D7;*/
}


.tools {
  list-style: none;
  margin:4px 0 10px 0;
  padding:6px 0 0 0;
  height:30px;
  background:url(../img/double_grey_dot.png) repeat-x;
}

.tools li {
  margin:0 5px 0 0;
  padding:2px 5px 2px 20px;
  float:left;
  background-repeat:no-repeat;
  background-position:0 50%;
  border-right:1px solid #CCC;
}

.tools li.last {
  border:none;
}

.tools li.full_cover { background-image:url(../img/icon_article.png); }

.tools li.print { background-image:url(http://cdn.cbsi.com.au/builder/i/x/printico.gif) }

.tools li.emailthis { background-image:url(http://cdn.cbsi.com.au/builder/i/x/emailico.gif) }

.tools li.leavecomment { background-image:url(http://cdn.cbsi.com.au/builder/i/x/commentico.gif) }

/*-----------------------------------------------------------------------------------------------------------*/


/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}

.inplong {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #ACA998;
	background: #FFFFFF;
	border: 2px solid #BBBBBB;
    padding:2px 2px 2px 2px;
    width: 100%;
}

.inplong:focus {
	color: #993300;
	background: #FFFFCC;
	border: 2px solid #FF6600;
}

.inplabel {
	font-family: Arial;
	font-size: 8pt;
	color: #003333;
}

.underc{
  font-family:Times New, Times, Courrier;
  font: normal bold 12px;
  color: #ECE9D8;
  font-size: 16pt;
  background: black url(../img/under_construction_a.jpg) repeat-x center left;
  margin-bottom: 5px; /*bottom spacing between header and rest of content*/
  text-transform: uppercase;
  height: 320px;
  padding: 2px 0 2px 5px; /*header text is indented 10px*/
  border: 3px solid #CCCCCC;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}