/* CSS Document for new doublez website 29 Jun 09 updated for change in 
 * basepage.php 24 Jan 10 */
body{padding:0px; margin:0px; background:url(images/mainbg.gif) 0 0 repeat-x #fff; color:#767676; font:14px/18px Arial, Helvetica, sans-serif;}
div, p, ul, h1, h2, h3, form, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

a {background:#FEFEFE; color:#11229f; text-decoration:none;}
a:hover {background:#ffffff; color:#11229f; text-decoration:underline;}

/*----/TOP PANEL----*/

#topPan{width:780px; height:248px; background:url(images/logoext.jpg) 0 100% no-repeat; position:relative; margin:0 auto;}
#toprightPan{width:700px; height:218px; position:absolute; top:13px; left:6px;}
#toprightPan ul{width:550px; height:49px; display:block; margin:16px 0 0 16px;}
#toprightPan ul li{width:104px; height:49px; border-right:1px dashed #000000; float:left;}
#toprightPan ul li.home{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon1-normal.gif) 50% 0 no-repeat #fff; color:#000000; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.home a{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon1-normal.gif) 50% 0 no-repeat #fff; color:#000000; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.home a:hover{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon1-hover.gif) 50% 0 no-repeat #fff; color:#000000; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.products{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon3-normal.gif) 50% 0 no-repeat #fff; color:#000000; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.products a{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon3-normal.gif) 50% 0 no-repeat #fff; color:#000000; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.products a:hover{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon3-hover.gif) 50% 0 no-repeat #fff; color:#000000; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.support{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon4-normal.gif) 50% 0 no-repeat #fff; color:#000000; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.support a{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon4-normal.gif) 50% 0 no-repeat #fff; color:#000000; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.support a:hover{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon4-hover.gif) 50% 0 no-repeat #fff; color:#000000; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.contact{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon5-normal.gif) 50% 0 no-repeat #fff; color:#000000; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.contact a{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon5-normal.gif) 50% 0 no-repeat #fff; color:#000000; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.contact a:hover{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon5-hover.gif) 50% 0 no-repeat #fff; color:#000000; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.register{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon2-normal.gif) 50% 0 no-repeat #fff; color:#000000; border:none; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.register a{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon2-normal.gif) 50% 0 no-repeat #fff; color:#000000; padding:29px 0 0; text-decoration:none;}
#toprightPan ul li.register a:hover{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon2-hover.gif) 50% 0 no-repeat #fff; color:#000000; padding:29px 0 0; text-decoration:none;}
#regPan{ width:70px; position:relative; margin:0 auto;}
#regPan ul{width:70px; position:absolute; top:248px; left:256px;}
#regPan li{float:left; }
#regPan ul li a{padding:0 10px 0; color:#ffffff; background: #11229f; text-decoration:none;}
#regPan ul li a:hover{text-decoration:underline;}
#topiclist {position: relative; width:748px; left:248px; height:auto;}
#topiclist h1.topiclist {font-size:150%; padding-top: 35px;}
#topiclist h2.at {font-size:120%; line-height:1;padding-top: 20px;}
#topiclist p {padding-top:15px;}

/*----FOOTER PANEL----*/
.topiclist {text-decoration:none;}
td.topiclist {width: 100px; background-color:#0f0dff; background: url(images/dgrad.gif) repeat; text-align: center;}
td.topiclist a {
	color:white; background-color:#0f0dff;
	background: url(images/dgrad_bit.gif) repeat;
	}
td.topiclist a:hover {color:white; background: url(images/dgrad_bit.gif) repeat; }
table.topiclist {width: 748px; padding:0px 0px 0px 0px;
border: 1px;}
table.topiclist td {
  padding: 6px;
  margin: 2px;
  border-top: 3px solid #11229f;
  border-right: 2px solid #11229f;
 /*   border-left: 1px solid white;
      border-bottom: 1px solid white; */
}
#footermainPan{height:81px; 
background:url(images/footerbg.gif) 0 0 repeat-x #705D20; color:#ffffff; font:12px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; clear:both; padding:82px 0 0;}
#topic_list{width:748px; position:relative; margin:0 auto;}
#footerlogoPan{
	display:block;
	width:105px;
	height:121px;
	position:absolute;
	top:-211px;
	right:15px;
	left: 389px;
}

#footerPan ul{width:555px; position:absolute; top:0px; left:-9px;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#ffffff; background: #11229f; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.validation{width:250px; background:#11229f; color:#ffffff; display:block; position:absolute; top:45px; left:10px;}
#footerPan ul.validation li a{background:#11229f; display:block; color:#ffffff; text-decoration:none;}
#footerPan ul.validation li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:239px; background: #11229f; color:#ffffff; position:absolute; top:0px; left:554px;}

/* MD additions*/

.timed {
	background: url(images/support_bg.jpg) no-repeat;
	padding: 10px 10px 1.3em 75px;
}
#body1content {position:absolute; left:346px; height:800px; width: 600px;}
#art_and_comm {line-height:1; position:relative; top:50px; left:344px; height:auto; width:700px;}
#art_and_comm p {margin-top:12px;line-height:1.2;}
#art_and_comm h1 {line-height:3.5;}
#art_and_comm h2 {line-height:2.5;}
#articlecontent {}
#wtworkspace  {position: absolute; left:328px; top:290px; width:758px;height:900px; text-align:left;}
/* #wtworkspace h2,p,h1 {padding: 5%;margin:5%;} */
#WebElement {
        border-top: 1px solid #9dddf8;
        background : #9dddf8 url(images/dgrad.gif) repeat;
	height : 28px;
	border-bottom: 1px solid #3f939a;
	padding-left:2px;
}
#WebElement ul.ddm {list-style: none; margin: 0px; position : relative; left : 0px;display : block;}
#WebElement ul.ddm li
{ /*  this seems to make the list go horizontal */
display: block;float: left; padding-left : 10px; position : relative; margin-top: 0px; margin-bottom: 0px }
#WebElement ul.ddm li a:Link, #WebElement ul.ddm li a:Visited
{
/* border-right is the thin line separating the menu headings color is the colour of ALL the text */
font-family: arial,sans-serif;font-weight: normal; font-size: 10pt; color :#ffffff; display : block; padding-right : 10px; border-right : solid 1px #b0b0ff; text-decoration: none; background: url(images/dgrad_bit.gif) repeat;}
#WebElement ul.ddm li ul a:Link, #WebElement ul.ddm li ul a:Visited, #WebElement ul.ddm li.dropBorder
{padding-right : auto; border-right : none; background:url(images/dgrad.gif) repeat;}
#WebElement ul.ddm li ul a:Hover
{ /* affects the HOVER over ddm box */ background: black; color: white;}
#WebElement ul.ddm ul
{/* 3 borders, affects lhs and bottom border of ddm unit */
position: absolute; top : 17px;margin: 0px;padding: 0px;width: 15em;border-right: 1px solid #f8fafb;border-bottom: 1px solid #f8fafb;border-left: 1px solid #f8fafb;}
#WebElement ul.ddm li div {position: relative;}
#WebElement ul.ddm ul li {
/* border-top is colour of 3 lines around ddm box - not lh vertical, backgound is the colour of the non HOVER state of ddm box */
border-top : 1px solid #b0b0ff;position: relative;float: left;margin: 0;padding: 0; background: #0000a0; width : 15em; }
#WebElement ul.ddm ul>li { display: block; float: none;}
#WebElement ul.ddm ul li a{ margin: 0; padding: 4px 4px 4px 4px; font-weight: normal; display: block;text-decoration: none; background: blue;}
td.bottomband {color:white; background-color:#11229f;text-align: center;}
a.bottomband {background-color:#11229f; color:white; text-decoration:none;}
a.bottomband:Hover {background-color:#11229f; color:#229f11; text-decoration:none;}
.red, .error {color:red;}
.dialog2 {color:#005000;}
#usercomments { padding-top:55px; padding-left: 350px; width: 50%; }
	#e2af {padding-left:4px;}
	#feedback {padding-left:4px;}
	form.feedback textarea  {width: 100%;}