body {
background-color : #ffffff;
margin: 0;
padding : 0 ;
font-family : Verdana, Arial, Helvetica, sans-serif ;
font-size : 11px ;
color : #333333;
}

#frame {
width:800px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
padding:0px;
text-align:left;
}

#contentleft {
width:175px;
padding:0px;
float:left;
background:#fff;
}

#contentcenter {
width:625px;
padding:0px;
float:left;
background:#eee;
}

#contentright {
width:175px;
padding:0px;
float:left;
background:#fff;
}
td {
font-family : Verdana, Arial, Helvetica, sans-serif ;
font-size : 11px ;
color : #333333 ;
}

.rowheader {
border-top-width: 0px;
border-right-width: 0;
border-bottom-width: 1px;
border-left-width: 0;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-bottom-color: #000000;
background-color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}

p {
font-size : 11px ;
margin-top:0.5em;
margin-bottom:0.5em;
}

a {text-decoration : none ;}
a:link { color : #000000 ;}
a:visited {color : #000000 ;}
a:active {color : #003333 ;}
a:hover {color : #003333;
}

h1, h2, h3, h4, h5, h6 {
margin-top:0.5em;
margin-bottom:0.5em;
}

h1 {
font-size : 21px ;
font-weight : bold ;
}
h2 {
font-size : 18px ;
font-weight : bold ;
}
h3 {
font-size : 14px ;
font-weight : bold ;
}
h4 {
font-size : 13px ;
font-weight : bold ;
}
h5 {
font-size : 12px ;
font-weight : bold ;
}
h6 {
font-size : 11px ;
font-weight : bold ;
}

input, select, textarea {
font-family : Verdana, Arial, Helvetica, sans-serif ;
font-size:9px;
color : #003333;
border:1px solid #000000;
background-color : #ffffff;
padding:2px;
}

input, textarea {
padding:2px;
}

input.highlight, select.highlight, submit.highlight, textarea.highlight, radio.highlight, checkbox.highlight  {
font-family : Verdana, Arial, Helvetica, sans-serif ;
font-size:12px;
color : #003333;
border:1px solid #000000;
background-color : #ffffff;
padding:2px;
}

.form_font {
font-family : Verdana, Arial, Helvetica, sans-serif ;
font-size:15px;
color : #003333;
}

.errorMessage {
font-size : 13px;
font-weight : bold;
#color: #FF0000;
color: #3B3131;
}



.neg {color:#FFFFFF;}
.neg h1, .neg h2, .neg h3, .neg h4, .neg h5, .neg h6, .neg p {color:#FFFFFF;}
.neg a:link { color : #BFFF00 ;}
.neg a:visited { color : #BFFF00 ;}
.neg a:active { color : #FFFFFF ;}
.neg a:hover { color : #FFFFFF ;}



/* LAYOUT
---------------------------------------*/

#page {
width:960px;
margin:8px auto;
}
#pageWide {
width:300px;
margin:0 auto;

}
#top {
width:100%;
height:96px;
/*background:#fff url(/images/share/top_bg.jpg) top right no-repeat;*/
background:#fff
margin:0 0 0 0px;
padding:0;
	 }
div.headerWrapper {
margin:0;
padding: 0 ;
}
div.header {

/*background-image: url(/images/share/dwa_logo.gif);*/
background-position: top left ;
background-repeat:no-repeat;
margin:0 0 0 0px;
padding: 0 ;
height:auto;
}
div.header h1, div.header h2 {
display:none;
}
div.header h3 {
display:block;
float:right;
text-align:right;
font-size:24px;
color:#99cc00;
margin:32px 24px 0 0 ;
/*margin:0 0 0 0 ;*/
}
div.header h3 span {
color:#005447;
font-weight:normal;
}
div.headerSearch {
float:right;
width:256px;
/*margin:30px 16px 0 0;*/
margin:1px;
text-align:right;
}


/* NAV */

div.menu {
/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
/* and http://www.puremango.co.uk/2010/04/css-gradient/ */
    /* fallback (Opera) */
    background: #000000;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #000000, #000000);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#000000), to(#000000));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#000000', EndColorStr='#000000', GradientType=0);
    height:32px;
    margin:0 0 0 0;
    padding:0 0 0 10px;
    line-height:3em;
    border:0px solid #D1D1D1;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px; 
	-ms-border-radius: 7px;
	-o-border-radius: 7px; 
	border-radius: 7px; 
	-khtml-border-radius: 7px;
}


div.menu a {
font-size : 14px; 
font-weight:normal;
padding:0 0 0 20px; 

}

div.menu a:link, div.menu a:visited { 
color : #fff ;
}
div.menu a:hover, div.menu a:active { 
color : #003333 ;
}

div.menu a span {
}




/* CONTENT */

#contentstroke {
	border:1px solid #D1D1D1;
	padding:10px;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px; 
	-ms-border-radius: 7px; 
	-o-border-radius: 7px;
	border-radius: 7px; 
	-khtml-border-radius: 7px;
}

.blockborder {
	border:1px solid #D1D1D1;
	padding:10px;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px; 
	-ms-border-radius: 7px;
	-o-border-radius: 7px; 
	border-radius: 7px; 
	-khtml-border-radius: 7px;
}

.blockbordertitle {
	border:1px solid #BEBEBE;
	padding:10px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
	-khtml-border-radius: 7px;
	background-color: #F5F5F5;
}

.blockbordertitlefont {
	font-size: 19px; 
	font-weight: bold;
}

#homeheader {
padding:8px 16px;
}

#homeheadertext {
color: #FFFFFF;
}

#homeheadertext h1 {
font-size:24px;
font-weight:normal;
margin:0 0 8px 0;
}


#contentheader {
background-color:#999999;
padding:0px;
background-image:url(/img/content_background.gif);
background-position:right;
background-repeat:no-repeat;
}
#contentheadertext {
padding:16px;
color: #FFFFFF;
}
#contentheadertext h1 {
font-size:24px;
font-weight:normal;
margin:0 0 8px 0;
}


#productheader {

}
#productheadertext {
color: #5C7B00;
border-bottom:2px solid #5C7B00 ;
}
#productheadertext h1 {
font-size:24px;
font-weight:normal;
margin:0 0 8px 0;
}


#serviceheader {
background-color:#000000;
background-image:url(/img/services_backround.gif);
background-position:right;
background-repeat:no-repeat;
}
#serviceheadertext {
color: #FFFFFF;
padding:16px;
}
#serviceheadertext h1 {
font-size:24px;
font-weight:normal;
margin:0 0 8px 0;
}


.contentsep {
background-color:#D1D1D1;}
.contentblock {
background-color:#FFFFFF;
border:1px solid #D1D1D1;
padding:8px;
}
.contentblock2 {
border:1px solid #D1D1D1;
padding:8px;
}

/* FOOTER */
#footer {color:#FFFFFF; }
#footer a {}
#footer a:link { color : #FFFFFF ;}
#footer a:visited { color : #FFFFFF ;}
#footer a:active { color : #003333 ;}
#footer a:hover { color : #003333 ;}
#footer1 {background-color:#FFFFFF;}
#footer2 {background-color:#000000;}

.popup
{
COLOR: #9F141A;
CURSOR: help;
TEXT-DECORATION: none;
}

.jslink{
        cursor: pointer;
        text-decoration: none;
        color:#336699;
}

div.main_div{padding:25px;/*margin:auto;width:600px;*/
border:outset gray 1px;-webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; border-radius: 12px; -khtml-border-radius: 12px;
}

.gradientV{
/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
/* and http://www.puremango.co.uk/2010/04/css-gradient/ */
    /* fallback (Opera) */
    background: #008800;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #00FF00, #000000);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#00FF00), to(#000000));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#00FF00', EndColorStr='#000000', GradientType=0);
  }
  
  .gradientH{
/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
 
    /* fallback (Opera) */
    background: #008800;
    /* Mozilla: */
    background: -moz-linear-gradient(left, #00FF00, #000000);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, right top, from(#00FF00), to(#000000));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#00FF00', EndColorStr='#000000', GradientType=1);
  }
  
  
  
.sortable table {
	border-collapse: collapse;
	table-layout: fixed;
}

.sortable td, th {
	padding: 0.5em;
	border: 1px solid #CCC;
}

.sortcol {
	cursor: pointer;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right center;
}
.sortasc {
	background-color: #888888;
	background-image: url(/jstools/tablekit1.2.2/css/up.gif);
}
.sortdesc {
	background-color: #888888;
	background-image: url(/jstools/tablekit1.2.2/css/down.gif);
}
.nosort {
	cursor: default;
}


tr.rowodd {
	background-color: #FFF;
}

tr.roweven {
	background-color: #EEEEEE;
}

input:focus, textarea:focus, select:focus, checkbox:focus, radio:focus{background-color: #CCCCCC;}

.message_div{border: 0.1em dashed #FFD700;background:#FFFFDD;padding:5px;color:#000000;font-weight:bold;}

/* tooltip foo */
a.bubble_tt_trigger{position:relative;text-decoration:none;}
a.bubble_tt_trigger span{display:none;}
a.bubble_tt_trigger:hover{z-index:25;color:#ff0000;background:;}
a.bubble_tt_trigger:hover span.bubble_tooltip
{display:block;position:absolute;top:5px;left:5px;padding:10px;background:#000000;color:#fff;width:250px;height:auto;overflow:auto;
border:outset gray 1px;-webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; border-radius: 12px; -khtml-border-radius: 12px;
font-weight:600;font-family:arial;font-size:11px;line-height:12px;text-align:left;filter:alpha(opacity:95);KHTMLOpacity:0.95;MozOpacity:0.95;opacity:0.95;}

/* dropilicious */

/* Droplicous code, change to your liking */
#nav ul.licious{
text-align:left;
width:150px;
font-size:.8em;
background:#000000;
margin:0;
padding:0;
position:absolute;
left:0px;
top:28px;
opacity:.97;
filter:alpha(opacity=97);
z-index:999;
}

/* ie bs */
html>body #nav ul.licious{
position:absolute;
top:18px;
}
#nav ul.licious a:hover{
position:relative;
/*color:#0A82D0;*/
background:none;
}
#nav ul.licious a{
position:relative;
z-index:999;
font-weight:normal;
margin:0;
padding:5px 0 5px 10px;
background:none;
color:white;
display:block;
}
#nav li a:hover{
/*color:#0A82D0;*/
}
#nav li a{
font-weight:bold;
text-decoration:none;
color:white;
padding:10px 10px 0 10px;
background:none;
text-shadow:none;
}
#nav{
position:relative;
width:100%;
list-style:none;
margin:0 auto;
padding:0;
list-style:none;
font-size:1em;
}
#nav li{
  position:relative;
  display:inline;
margin:0;
padding:0;
}

/*IMAGE POPUP*/

/* the next class name can be renamed */

div.img_popup {
  /*max-width: 600px;*/
  /*border: 1px solid black;*/
  padding: 5px;
  background-color: white;
  /*height:auto;*/
  /* The following properties should not be changed */
  position: absolute;
  padding:10px;
}

#popup_overlay {
  /*background-color: whitesmoke;*/
  background-color: black;
  /* The following properties should not be changed */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
}

.popup_draghandle {
  cursor: move;
}

.popup_closebox{
  cursor: pointer;
}

#img_popup_name{
font-size:12px;
}

#img_popup_description{
font-size:12px;
}

#img_popup_button{
text-align:center;
}

.rounded_corner{
-webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; -khtml-border-radius: 6px;
}

.box_shadow_small {
-moz-box-shadow: 5px 5px 3px #111;
-webkit-box-shadow: 5px 5px 3px #111;
box-shadow: 5px 5px 3px #111;
} 

.box_shadow_big {
-moz-box-shadow: 10px 10px 5px #111;
-webkit-box-shadow: 10px 10px 5px #111;
box-shadow: 10px 10px 5px #111;
} 
/*IMAGE POPUP END*/  

.stars { background: url(/images/ratingsbox/small.png) no-repeat top left; width: 90px; height: 21px; display: inline-block; vertical-align: middle;
	font-size: 0; color: transparent;}
.stars.pts-10{ background-position: 0 0; }
.stars.pts-8 { background-position: -18px 0; }
.stars.pts-6 { background-position: -36px 0; }
.stars.pts-4 { background-position: -54px 0; }
.stars.pts-2 { background-position: -72px 0; }
.stars.pts-0 { background-position: -90px 0; }
.stars.pts-9{ background-position:  0 -21px; }
.stars.pts-7 { background-position: -18px -21px; }
.stars.pts-5 { background-position: -36px -21px; }
.stars.pts-3 { background-position: -54px -21px; }
.stars.pts-1 { background-position: -72px -21px; }
.stars .btn { display: inline-block; width: 9px; height: 21px; }

.big .stars { background: url(/images/ratingsbox/big.png) no-repeat top left; width: 180px; height: 42px; display: inline-block; vertical-align: middle }
.big .stars.pts-10{ background-position: 0 0; }
.big .stars.pts-8 { background-position: -36px 0; }
.big .stars.pts-6 { background-position: -72px 0; }
.big .stars.pts-4 { background-position: -108px 0; }
.big .stars.pts-2 { background-position: -144px 0; }
.big .stars.pts-0 { background-position: -180px 0; }
.big .stars.pts-9{ background-position:  0 -42px; }
.big .stars.pts-7 { background-position: -36px -42px; }
.big .stars.pts-5 { background-position: -72px -42px; }
.big .stars.pts-3 { background-position: -108px -42px; }
.big .stars.pts-1 { background-position: -144px -42px; }
.big .stars .btn { display: inline-block; width: 18px; height: 42px; }

  
/* modal start */

#overlay {
    display: none; /* ensures it?s invisible until it?s called */
    position: fixed; /* makes the div go into a position that?s absolute to the browser viewing area */
    left: 25%; /* positions the div half way horizontally */
    top: 25%; /* positions the div half way vertically */
    padding: 25px; 
    border-radius: 10px;
    border: 2px solid black;
    background-color: #ffffff;
    width: 50%;
    height: 50%;
    z-index: 100; /* makes the div the top layer, so it?ll lay on top of the other content */
}
#fade {
    display: none;  /* ensures it?s invisible until it?s called */
    position: fixed;  /* makes the div go into a position that?s absolute to the browser viewing area */
    left: 0%; /* makes the div span all the way across the viewing area */
    top: 0%; /* makes the div span all the way across the viewing area */  
    background: black;
    -moz-opacity: 0.7; /* makes the div transparent, so you have a cool overlay effect */
    opacity: .70;
    filter: alpha(opacity=70);
    width: 100%;
    height: 100%;
    z-index: 90; /* makes the div the second most top layer, so it?ll lay on top of everything else EXCEPT for divs with a higher z-index (meaning the #overlay ruleset) */
}

/* modal end */