/*---------------------------
-----------------------------
    Site:   WAI Supadu CMS
    Author: C.Benge
    Date:   08 Dev 09 
----------------------------
--------------------------*/


/*--IMPORT FILES--*/
@import url("header.css");
@import url("footer.css");
@import url("nav.css");
@import url("content.css");
@import url("form.css");
@import url("controls.css");
@import url("thickbox.css");

/*--CSS - RESET--*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,
q, s, samp, small, strike, /*strong, */sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	/*font-size: 100%;*/
	font-family: inherit;
	/*vertical-align: baseline;*/
}

/*--CLEARFIX--*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix { display: inline-block;}
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%;}
/*--END CLEARFIX--*/

/*--HTML ELEMENTS--*/
body { height:100%;margin:0; padding:0; font-family: arial, helvetica, sans-serif; font-size:75%; /*sets font size to a default 12px*/  }	
body#supadu {color:#555; background: #e8e8e8;}
body#supadu.transparentBg {background: transparent;}

p { padding: 0 0 12px 0; margin:0;}
    #supadu p { margin: 0 0 1em 0; padding:0;}

h1{font-weight:bold;}
    #supadu h1 {margin:0; padding:0 0 0.5em 0; font-size:1.6em; color:#666; font-weight:normal;}
    #supadu h1.siteProcess {padding:0 0 1.5em;}
    #supadu h1.siteProcess span.steps {color:#BDD041;}
    h1.seoText {position:absolute; top:0; left:-9999px;}
h2{font-weight:bold;}
    #supadu h2 {margin:0; padding:0 0 1em 0; font-size:1.4em; color:#666; font-weight:normal;}
    h2.seoText {position:absolute; top:0; left:-9999px;}
h3{font-weight:bold;}
    #supadu h3 {margin:0; padding:0; font-size:1.2em; color:#666;font-weight:normal;}
    h3.seoText {position:absolute; top:0; left:-9999px;}
h4{font-weight:bold;}
	h4.seoText {position:absolute; top:0; left:-9999px;}
	
a {text-decoration:none;}
a:hover {text-decoration:underline;}

ul, ol {padding:0 0 0 35px;}
ul li, ol li {padding:0 0 3px;}

blockquote {font-weight:bold; padding:0 20px; margin:0 0 1em;}
strong, b {font-weight:bold;}
u {text-decoration:underline;}
cite, i , em {font-style:italic;}
center {text-align:center;}


#supadu a:link, #supadu a:visited {color:#333; text-decoration:none;}
#supadu a:hover {color:#99AA44;text-decoration:none;}
#supadu a.green:link, #supadu a.green:visited {color:#99AA44; text-decoration:none;}
#supadu a.green:hover {color:#6d8024;text-decoration:underline;}

#supadu ul {margin:0; padding:0 0 1em 30px;}

#supadu table,table tr,table tr th,table tr td {font-size:1em;}
#supadu table tr th,table tr td {padding:2px; text-align:left;}
#supadu table {margin:0 0 1em 0;}


/*--COMMON CLASSES--*/
.left { float:left;}
.right { float:right;}
.bold {font-weight:bold;}
.clear {clear:both;}
.no_margin {margin:0}
.hidden, .hide {display:none;}
.gutter {margin-right:20px}
.divider {margin-bottom:15px; border-bottom:1px solid #bbb;}
.spacer-s {margin-bottom:15px;}
.spacer-l {margin-bottom:25px;}
.large {font-size:15px; line-height:1.3em;}
.green {color:#9a4}
.errors {color:#c00;}

#supadu #wrapper {width:980px; margin:15px auto; padding:0;}












.positionXandY {position:absolute; top:5px;left:35px; font-size:7pt; width:40px; 
background-color:white; height:15px; border:solid 1px black;display:none; padding-left:5px; z-index:2000}

#moveAll {top:25px; background:transparent url(/images/cms/btn/btnMoveAll.png); height:19px; width:19px;display:none}

.semitransparent {
filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.snippet {position:absolute}