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

/*********************************************************************************************
 *
 *  ELEMENT 
 *
 *********************************************************************************************/
html {height: 100%;}
body { font:normal 12px/1.2em Arial, Helvetica, sans-serif;  }
body.contentpane { background:#f4f4f4;}

.background { position: absolute;width: 100%; background:#f4f4f4; }
h1,h2,h3,h4,h5,h6 { margin:0; padding:10px 0; font-weight:bold; color:#008fee;  }
h1{font-size:25px;}
h2 {font-size:20px;}
h3 {font-size:16px;}
h4 {font-size:14px;} 
h5 {font-size:12px;} 
h6 {font-size:12px;}

a {color: #134E8B;text-decoration:none;}
a:hover {color:#093460;text-decoration: underline;}

ul {margin:0 0 0 15px;}
p {margin-top: 0;margin-bottom: 10px;}

blockquote { background:#eee; border:3px solid #ccc; margin:5px; padding:5px; font-size:18px; font-style:italic}
element.style { height:auto;}

hr { width:100%; clear:both; border:none; height:2px; background:#eee; margin:0; padding:0;}

/*********************************************************************************************
 *
 *  COMMON CLASSES
 *
 *********************************************************************************************/
.ui-widget-content {background: #ffffff 0 repeat-x;}
/* float */
.fl { float: left; }
.fr { float: right; }

/* text align */
.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }
.clr {clear: both; height:1px; margin: 0px; padding:0px; }
.error { color:red; }

.hidden { display: none;}
.loading { color: Red; padding: 5px;}
.required { color: Red; padding: 5px; }
 
/* picture */
.pic { cursor: hand; cursor: pointer; border : none; }

/* widths */
.w10 { width: 10px; }
.w20 { width: 20px; }
.w30 { width: 30px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }

/*********************************************************************************************
 *
 *  LAYOUT
 *
 *********************************************************************************************/

/* Header */
#header {  position:relative; height:80px; margin:0 auto; margin-left:15px; margin-right:15px; background-image: url(../images/bg_pages.gif); background-repeat:repeat-x; background-position:top left; background-color:#090909; border-radius: 10px 10px 0px 0px; border-bottom:#008fee 5px solid;  }
#header .logo { background: url("../images/logo.png") no-repeat scroll 0 0 transparent;  height: 80px;  left: 1px;   margin: 0;  padding: 0;   position: absolute;  text-indent: -6000px;   top: 0;  padding-left:30px;  width: 465px;}

#header .logindisplay { font-size: 12px; display: block; text-align: right; margin: 10px; color: White; width: 150px; float: right; height: 20px; padding-top: 4px; margin-right: 20px; }
#header .logindisplay a { color: white; text-decoration: none; font-weight:bold; }

.language-selector { margin-top:10px;  }
.language-selector ul { float: right; }
.language-selector li { list-style:none;float:left;height:20px;position:relative; padding:0; margin:0; margin-left: 5px; }
.language-selector li.selected { border:2px solid yellow; }
.language-selector li img { height : 20px; }

/* Menu */
#header-box { background-color:#F0F0F0;  border: 1px solid #CCCCCC;  margin-left: 15px; margin-right: 15px; border-bottom: 2px solid #CCCCCC; }

#module-status { float: right;}
#module-status .home { background: url(../images/icon_home.png) no-repeat scroll 3px 4px;}
#module-status .viewsite{ background: url(../images/icon_viewsite.png) no-repeat scroll 3px 4px; }
#module-status .buildsite { background: url(../images/icon-buildsite.png) no-repeat scroll 3px 4px; }
#module-status .reset { background: url(../images/reset-16x16.png) no-repeat scroll 3px 4px; }
#module-status span { display: block;  float: left;  line-height: 16px;  margin-bottom: 5px; padding: 4px 10px 0 22px; }

.ddmarkermenu { list-style-type: none; margin: 0; margin-bottom: 18px; padding: 0;}
.ddmarkermenu li { padding-bottom: 5px; margin-bottom: 5px; }
.ddmarkermenu li a {  color: #aa2716;  background: url(http://www.cssdrive.com/ddstyle/folder.png) no-repeat center left;  display: block;  padding: 2px 0;  padding-left: 19px;  text-decoration: none; font-weight: bold; border-bottom: 1px solid #dadada; padding-right: 23px; }       
.ddmarkermenu ul.subMenus {	top: 30px; box-shadow: 5px 5px 5px rgb(170, 170, 170); visibility: visible;left: 0px; width: 171px; display: none; }

/* Content */
#main { margin:10px auto 0 auto;position: relative; }
#main-content { clear:both;margin:0 auto; padding:0;}

#wrapper { margin:0 auto; width:auto; padding:0;position: relative;}
#comp_100 {  position:relative; padding-top:8px; margin:0 auto;  min-height:550px;  margin:0 auto; background-image:url(../images/bg_pages.jpg); background-position:left; background-color:#f3f3f3;  background-repeat:no-repeat;  margin-left:15px; margin-right:15px; border-left:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; border-radius: 0px 0px 10px 10px;}

div.element-edit-box .form-edit fieldset div.value label {
    float: none;
    width: auto;
    padding: 5px;
    display: inline-block;
}

/* Footer */
#footer {  position:relative; padding-top:10px; margin:0 auto;  margin-left:30px; margin-right:30px; text-align:center;   }