/*<group=Body Tags>*/


html { font-size: 101%; /* IE hack */ }
body {margin: 0; padding: 0; font-size: 75%; font-family: "Lucida Grande", LucidaGrande, geneva, verdana, sans-serif; text-align: center;}
html>body {font-size: 12px;}

/*#content {padding: 0 10px; margin: 0; text-align: left; width: auto;}*/

 #content {width: 955px; padding: 0 10px; margin: 0 auto 30px auto; text-align: left;} 
/*</group>*/
/*<group=Presentation Formating>*/
/*<group=Headers>*/
/* h2 { color: #325498; font: normal 2em Helvetica, Arial, sans-serif; letter-spacing: -1px; margin: 1em 0 1em 0; border-top: 1px dotted #cccccc; padding-top: 10px; background: repeat-x url(img/motif/bg/vertical_b_w_s.gif); clear: both;} */
h1 {color: #cccccc; font: 3.2em Helvetica, Arial, sans-serif; margin-bottom: 0.2em; margin-top: 0.5em; letter-spacing: -2px;}
h2 { color: #727988; font: 2.1em Helvetica, Arial, sans-serif; letter-spacing: -1px; margin: 0.5em 0; border-top: 1px dotted #cccccc; padding-top: 10px;}

h2 .highlight { color: #4970c0;}
h2.normal {border-top: none;}
h3 {color: #5b79b8; font-weight: bold; font-size: 1.2em; margin: 0.2em 0 1em 0;}
h3.nothing {color: #cccccc; font-weight: bold; font-size: 1.2em; margin: 0.2em auto 1em; text-align: center;}
h4, .listHeading, .heading {color: #6085d2; font-size: 1.5em; margin: 3px 0px; letter-spacing: -1px;}

h5 {font-weight: bold; color: #CCC; margin: 0 0 1.2em 0; font-size: 1em; }
h6 {display: inline; margin: 3px 0px; color: #333; font-size: 1em;}
/*</group>*/

/*<group=Anchors>*/
a {font-weight: bold; color: #36F; text-decoration: none; border-bottom: dotted #69F 1px;}
a:hover {color: #039;}

a:hover em {color: #660033; }

a:active {color: #9CF;}
h4 a:visited {color: #9CF;}
.no_underline {border-bottom: none;}
h3.no_underline a { font-size: 1em; color: #5b79b8;}
h3.no_underline a:hover {color: #039;}



/*</group>*/
/*<group=p, li, em, strong>*/
p, li, li li, li p, td p, blockquote p, td {font-family: "Lucida Grande", LucidaGrande, geneva, verdana, sans-serif; font-size: 1em; color: #3e3e3e;}
p {margin: 0.5em 0 1em 0;}
li {list-style-image: url(img/motif/clipart/triangle_blue.gif); margin: 0.5em 0;}
em {color: #cc6699; font-weight: bold; font-style: normal;}
i {font-style: italic;}
.accept {color: #66cc33; font-weight: bold; font-style: normal;
}
strong {font-weight:bold;}
b {font-weight:bold;}
p strong {color: #222;}
ul, ol {marign-left: 20px; padding-left: 20px;}

.crossed {text-decoration: line-through; color: #999;}

br.clear { clear: both; 
height: 0; 
overflow: hidden; 
visibility: hidden; }

/*</group>*/
/*<group=Table Formatting>*/
table {font-size:1.0em; float: none;}
table.boarder {
	border: 1px solid #def;
	width: 500px;
}

table.boarder th {
	width: 150px;
}
table.flatline {
	width: 100%;
	border-collapse:collapse;
}
table.flatline td {
	border-bottom:1px dotted #ccc; 
} 
table.flatline tr.header {
	background-image: url(img/motif/bg/vertical_w_b_h25px.gif);
} 
td.boarder {
	border: 1px solid #def;
}

th, td {font-size:1em; padding: 2px 5px;}
th { color:#4970c0; font-weight: bold; text-align: left; vertical-align: middle;}
.top {vertical-align: top;}
tr.odd td, tr.odd th {background: #e5f0f9;}
tr.even td, tr.even th {background: #FFF;}
tr.heading td {padding: 3px 3px; font-weight: bold;}
.box {border: 1px solid #CCC;}
.div100 {width: 100%;}
.tableFull {width: 100%;}
table.table100 {
/* IE 5 hack for 100% width tables 90% is arbitrary.*/
width: 90%;
voice-family: "\"}\""; 
voice-family:inherit;
width: 100%;
}

/*</group>*/

/*<group=Comment>*/

.comment, .weak {color: #999;}
.commentSmall {font-size: 0.83em; color: #999;}
.commentDark {color: #333;}
p.commentSmall {margin-bottom: 0.5em; margin-top: 0.5em;}
p.commentDark {margin-top: 0.5em; margin-bottom: 0.5em;}

.commentSmall a, .commentDark a {color: #5971b2; border-color: #7c8ab2; font-weight: normal;}
.commentSmall a:hover, .commentDark a:hover {color: #039; border-color: #039; font-weight: normal;}
.commentSmall a:active, .commentDark a:active {color: #9CF; border-color: #9CF; font-weight: normal;}


/*</group>*/

/*<group=Forms>*/

input {
	font-size: 1.4em;
	color: #333333;
	font-family: "Lucida Grande", LucidaGrande, geneva, verdana, sans-serif;
}
textarea {
	font-size: 1.2em;
	color: #333333;
	font-family: "Lucida Grande", LucidaGrande, geneva, verdana, sans-serif;
}
	
/*</group>*/
.posted {width: 40%; margin-left: auto; margin-right: auto; text-align: center; font-weight: bold; background: #FFFFB7; color: #333333; padding: 3px;}
img {border: none; margin: 5px;}
.number {border: none; margin: 0; vertical-align: text-bottom;}
.pagination {font-weight: bold; color: #666; margin-top: 10px; margin-bottom: 10px;}

/*<group=Bubble Tags>*/

/*.crnBody .price  { color: #3366ff; font: bold 1.7em Helvetica, Arial, sans-serif; letter-spacing: -1px; margin: 0.4em 0 1em; border-top: 1px; padding-top: 10px; text-align: center; border-bottom-style: none;}*/
.crnBody .price  { color: #3366ff; font: bold 1.7em Helvetica, Arial, sans-serif; letter-spacing: -1px; margin: 2px; text-align: center; border-bottom-style: none;}
.price a, .price img {border-bottom-style: none; margin: 10px auto 2px auto;}
.crnBody .date  { text-align: left; color: #CCC;}
.crnBody .timeleft  { text-align: left;}

.crnBody h3  {font-size: 1.1em; margin: 0.4em 0;}/*</group>*/

/*<group=Position boxes>*/

.center {text-align: center;}
.left {text-align: left; margin-left: 0; margin-right: auto;}
.right {text-align: right; margin-left: auto; margin-right: 0;}

.floatR { float: right; margin: 5px 5px 5px 15px;}
.floatR50 { float: right; margin: 0px; width: 49%;}
.floatL { float: left; margin: 5px 20px 5px 5px;}
.floatL50 { float: left; margin: 0px; width: 49%;}
.clearBoth {clear: both;        /* extend height of .main to longest column */
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;}
.clearRight {clear: right;}

.clearLeft {clear: left;}

.headShot {margin-left: auto; margin-bottom: 5px; margin-right: auto;}
.smallHead {margin: 0 4px; padding: 0; border-style: none; vertical-align: text-bottom;}
/*</group>*/
/*</group>*/

/*<group=Placement Boxes>*/

/*<group=Content Panels>*/
.centerPanel {
	text-align: left;
	margin: 10px;
}

.rightPanel {
float: right;
width: 750px;
z-index: 2;
padding: 0;
margin-left: auto;
margin-right: 10px; text-align: left;}

/*
.rightPanelTEST {
z-index: 2;
padding-left: 0px;
margin-left: 199px;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 201px; margin-right: 11;}
*html>body #rightPanelTEST {
margin-left: 201px;
margin-right: 11px;
}*/

.leftPanel {width: 160px; margin: 50px 10px 10px 0; padding: 0; z-index: 1; float: left;}
.bigPanel {clear:both; padding: 0; margin: 10px;}

/*</group>*/
#logobar {margin: 0; padding: 10px 10px 0; text-align: left;}
/*#logobar {width: 955px; margin: 5px auto; padding: 0 5px; text-align: left;}*/
#logobar a {border-bottom-style: none;}
#intro { margin: 5px 150px; padding: 0px; background: repeat-x url(img/motif/bg/vertical_blue_white.gif); text-align:center;}
/*<group=Login links>*/
#login { padding: 0px; font-size: 1em; float: right; clear: both; color: #CCC; font-weight: bold; vertical-align: text-bottom; margin: 50px 0 0 auto;}
#login a {color: #888; border-bottom-style: none;}
#login a:hover {color: #3366FF; border-bottom-style: none;}
#login a:active {color: #039; border-bottom-style: none;}
/*</group>*/

/*<group=Menubar>*/
#menubar {background: #6699FF; font-size: 1.2em; font-weight: bold; color: #FFFFFF; white-space: nowrap; text-align: center; padding: 3px 3px 5px 12px; clear: both; margin: 0;}
#menubar_admin {background: #ff6699; font-size: 1.2em; font-weight: bold; color: #FFFFFF; white-space: nowrap; text-align: center; padding: 3px 3px 5px 12px; clear: both; margin: 0;}
#menubar a, #menubar2 a, #menubar_admin a {text-decoration: none; color: #FFFFFF; border-bottom-style: none; margin: 0px 5px 0;}
#menubar a:hover, #menubar a.selected, #menubar span, #menubar_admin span {color: #003399; border-bottom-style: none;}
#menubar a:active, #menubar2 a:active, #menubar_admin a:active {color: #3366FF; border-bottom-style: none;}

.menubar_showdow {background: url(img/motif/bg/menubar_shadow.gif) repeat-x; width: 100%; height: 10px; margin: 0; padding: 0;}

/*</group>*/

/*<group=Menubar2>*/

#menubar2center {width: 770px; margin: 0 auto; text-align: left; position: relative; left: 200px; padding: 0;}
#menubar2 {background: #99ccff; font-size: 1em; font-weight: bold; color: #FFF; white-space: nowrap; text-align: center; padding: 3px;}
#menubar2 a {text-decoration: none; color: #36F; border-bottom-style: none;}
#menubar2 a:hover, #menubar2 a.selected, #menubar2 span {color: #039; border-bottom-style: none;}
#menubar a:active, #menubar2 a:active {color: #FFF; border-bottom-style: none;}

/*</group>*/

/*<group=Bread Crumb>*/

#crumb {font-size: 1em; font-weight: bold; color: #CCC; text-align: right; margin-top: 10px;}
#crumb a {color: #888; border-bottom-style: none;}
#crumb a:hover, #crumb a.selected, #crumb span {color: #3366FF; border-bottom-style: none;}
#crumb a:active, #crumb a:active {color: #039; border-bottom-style: none;}

/*</group>*/

/*<group=Navigational Buttons>*/
.naviButton a, .naviButtonV a {padding: 4px; color: #36F; text-decoration: none; background: repeat-x url(img/motif/bg/vertical_w_b_h25px.gif); border: 1px dotted #CCC; border-top:none; border-left:none; display: block;}
.naviButton a {border-top: 1px dotted #CCC; padding: 4px 15px; /*width:100px; min-width: 100px;*/}
.naviButton a.first, .naviButton a.firstSelected {border-left:1px dotted #CCC;}
.naviButtonV a {border-left: 1px dotted #CCC; width:120px; min-width: 120px;}
.naviButtonV a.first {border-top:1px dotted #CCC;}
.naviButton a:hover, .naviButtonV a:hover  {color: #039; background: repeat-x url(img/motif/bg/vertical_w_b_h25px.gif); }
.naviButton a:active, .naviButtonV a:active  {color: #9CF; background: url(img/motif/bg/vertical_b_w_h25px.gif) repeat-x;}
.naviButton a.selected, .naviButtonV a.selected, .naviButton a.firstSelected {color: #CCC; background: url(img/motif/bg/vertical_b_w_h25px.gif) repeat-x;
}
.naviButton table {border-collapse:collapse; border-spacing:0;}
.naviButton table td {margin: 0; padding: 0;} 

/*</group>*/

/*<group=Pager>*/

.pager {margin: 1em auto; text-align: center; font-weight: bold; font-size: 1.2em;}
.pager a, .pagerSmall a {border: dotted #CCC 1px; padding: 3px; margin: 2px; color: #ccc; background: repeat-x url(img/motif/bg/vertical_w_b_h25px.gif);}

.pagerSmall {margin-top: 1em; margin-bottom: 1em; font-weight: bold; font-size: 0.9em; color: #999;}

.pager a.selected, .pagerSmall a.selected {color: #727988;}
.pager a:hover, .pagerSmall a:hover {color: #36F; background: repeat-x url(img/motif/bg/vertical_w_b_h25px.gif);}
.pager a:active, .pagerSmall a:active {color: #9CF; background: url(img/motif/bg/vertical_b_w_h25px.gif) repeat-x;}



/*</group>*/

/*<group=Footer>*/

#footer {margin: 100px auto 0px auto; padding-top: 20px; text-align: center; clear: both;}
#footer p {padding: 50px auto 0px auto; color: #999; font-size: 0.83em;}

/*</group>*/

/*<group=Explanation Box>*/

.explanationBox {padding: 0; margin: 0;}
.explanationBox p, .explanationText {color: #999;}

/*</group>*/

#disappear {display: none;}

/*</group>*/

/*<group=Round Squares>*/

/*<group=Bid Summary boxes>*/

.bidBox {background: #DEF; margin: 5px 0; }
.bidBox .crnBody {background: repeat-x url(img/motif/bg/vertical_b_w_s.gif) #FFF; padding: 0 10px; margin: 0;}
.bidBody {padding: 0; margin: 0;}
/* Hides from IE-mac \*/
* html .bidBody {height: 1%;}
/* End hide from IE-mac */

.bidContent {margin-right: 170px;}
.bidFace {text-align: center; margin: 0; width: 150px; float: right;}
.bidFace img {margin: 0;}
.bidFooter { padding-top: 5px; text-align: right;}
.bidBox h4 {margin: 0; padding: 0;}
.bidFace h4 {color: #325eba; font-size: 1.6em; text-align: right;}

/*</group>*/

/*<group=Colour Boxes>*/


.priceBox {margin: 0; padding: 0; clear: both;}

.blueBox2, .greenBox, .yellowBox, .redBox, .greyBox, .lightGreyBox {margin: 20px 0px; padding: 0; clear: both; }

.citizenBox, .blueBox {background-color: #ddeeff; margin: 10px 0px; padding: 0;}
.blueBox2 {background-color: #e5eff9;}
.greenBox {background-color: #DFE;}
.yellowBox {background-color: #EFD;}
.redBox {background-color: #FDE;}
.greyBox {background-color: #adadad;}
.lightGreyBox {background-color: #f2f2f2;}


/*</group>*/

/*<group=Box Parts>*/

.crnTL {height: 10px; padding: 0px; background: no-repeat url(img/motif/corners/crnr_01.gif) left top; margin:0;}
.crnTR {width: 10px; float: right; background: no-repeat url(img/motif/corners/crnr_02.gif) right top; padding: 0; height: 10px; margin: 0 0 0 auto;}
.crnBL {height: 10px; padding: 0px; background: no-repeat url(img/motif/corners/crnr_03.gif) left bottom; margin:0;}
.crnBR {width: 10px; padding: 0px; float: right; background: no-repeat url(img/motif/corners/crnr_04.gif) right bottom; height: 10px; margin: 0px 0px 0px auto;}
.crnBody {margin: 10px 10px;}
.priceBox .crnBody {margin: 0; padding: 0; }

.crnBody .floatL {margin-right: 20px;}
.crnBody .floatR {margin-left: 20px;}
.citizenBox .crnBody .crnContent {margin-left:170px;}

/*</group>*/
/*</group>*/

/*<group=Big Button>*/

.button {margin: 30px 0 12px auto;}
.button a {border-bottom-style: none;}
.buttonBody {background: url(img/motif/buttons/medium_03.jpg) repeat-x left top;font-size: 1.5em; font-weight: bold; color: #003399; padding:6px 0px; float:left; height: 40px; margin: 0px auto 0px 0px;}
.buttonLeft {background: url(img/motif/buttons/medium_01.jpg) no-repeat left top; width: 35px; height: 40px; margin: 0px auto 0px 0px; padding: 0px; float: left;}
.buttonRight {background: url(img/motif/buttons/medium_05.jpg) no-repeat right top; width: 45px; height: 40px; margin: 0px auto 0px 0px; padding: 0px; float: left;}

/*</group>*/

/*<group=Tabs>*/

/*- Menu Tabs borrowed from  exploding-boy.com */ 

	#content .tabs {
	float:left;
      width:100%;
      background:#FFF;
	}
    .tabs {
      line-height:normal;
      }
    .tabs ul {
	  margin:0;
	  padding:10px 10px 0 10px;
	  list-style:none;
      }
    .tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    .tabs a {
      float:left;
      background: url(img/motif/tabs/tab_01.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 10px;
      text-decoration:none;
      border: none;
      }
    .tabs a span {
      background-color: #ddeeff;
      float:left;
      display:block;
      background: url(img/motif/tabs/tab_02.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .tabs a span {float:none;}
    /* End IE5-Mac hack */
   #content .tabs a.selected span {
      color:#039;
      }
 	#content .tabs a:hover span {
      color:#36F;
      }
   #content  .tabs a:active span {
      color:#9CF;
      }
    /* #tabs a:hover, */
 	 .tabs a.selected {
      background-position:0% -42px;
      }
     /*  #tabs a:hover span,  */
   .tabs a.selected span {
      background-position:100% -42px;
      }

/*</group>*/