/* NEW DOOX CMS STYLE SHEET */

/* html, body */

/* CSS Document */

body {margin:0px; padding:0px; font-size:10px; font-size:11px; font-family:tahoma;height:100%; }
form{	margin:0px;	padding:0px;}
	*{	
	
	line-height:normal;
	border:0
	}
div,  form, input, select, table {margin:0px; padding:0px; color:#2f3448;font-size:11px; font-family:tahoma;}
p { margin:0px; padding:0px;}
table {font-size:11px; font-family:tahoma;}
a {color:#2873af}
a:hover {text-decoration:none;}

img {border:0px}
h2 {color:#00aaff; font-size:1.5em }
ul,li { padding:0px; margin:0px;}

/*----------------*/
#all {height:100%; min-height:100%; margin-bottom:-160px;  }
html, body {height:100%; margin:0; padding:0;}
html>body #all {height:auto;}
#footer {width:100%; font-size:10px; color:#83889a; background:#75c5f0; height:160px;}
#main_c {margin-bottom:0px;width:expression((document.documentElement.clientWidth||document.body.clientWidth)<751?'751px':'100%'); min-width:751px;}
#sp1 {height:160px; clear:both}

/*------------------*/



/* MAIN BLOCK */
.mainblock {margin:0px; width:100%; padding:100px 0px 0px 0px; background-color:#FFFFFF}
.mainblock p {font-family:tahoma; margin:0px 0px 18px 0px; color:#555a6a ; }


.swifttext {background-color:#a8e1ff; height:17px; width:200px; border:#FFFFFF 1px solid; font-size:12px; color:#2f3448; padding:1px; vertical-align:middle}
.swifttextarea{background-color:#a8e1ff; width:200px; border:#FFFFFF 1px solid; font-size:12px; color:#2f3448; padding:1px; vertical-align:middle}
.swiftselect {background-color:#a8e1ff; height:17px; width:200px; border:#FFFFFF 1px solid; font-size:12px; color:#2f3448; padding:1px; vertical-align:middle}
.searchtext {color:#333333;
	FONT-FAMILY: Verdana, Tahoma;
	FONT-SIZE: 9px;
    border:#dddddd 1px solid;
	WIDTH: 100px;
	PADDING: 2px 2px 4px 2px;
	MARGIN: 0px;
	BACKGROUND: URL(../img/dooxcms/loopa.png) no-repeat;
	BACKGROUND-POSITION: 1px 1px;
	PADDING-LEFT: 20px;
	VERTICAL-ALIGN: middle;}
.searchselect {background-color:#a8e1ff; height:17px; width:200px; border:#FFFFFF 1px solid; font-size:12px; color:#2f3448; padding:1px; vertical-align:middle}

/* TOP BLOCK */
.top {width:100%; position:absolute; left:0px; top:0px;  min-width:775px; height:100px;}
.top_txt {width:100%; position:absolute; left:0px; top:0px;  min-width:775px; height:100px; z-index:99}

/* NAV */
#nav{
 margin-top:4px;
 padding-left:2px;
 padding-top:0px;
   clear: left;

   list-style: none;
}
/* nav-midle */
ul.nav-midle-head {
	margin: 0 0;
	width:150px;
}
ul.nav-midle-head li{

	padding: 0;
	background-color: #fbfbf9;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9e9f99;
	list-style-type: none;
	color: #ffffff;
	font-weight:bold;
	margin: 0; padding: 0.50em 5px 0.50em 15px;
	display: block;
	text-decoration:none;
	background-color:#abada5;
}
ul.nav-midle{
	margin: 0 0;
	width:150px;
}
ul.nav-midle li{
 list-style:none;
 
	
}

ul.nav-midle li a{
		width:120px;
	background-color: #fbfbf9;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
	color: #00aafa;
	margin: 0; padding: 0.80em 15px 0.90em 15px;
	display: block;
	text-decoration:none;
	/********************/
}

ul.nav-midle li a:hover{
	width:120px;
	background: #f3f3f1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
	color: #2873af;
	margin: 0; padding: 0.80em 15px 0.90em 15px;
	display: block;
	text-decoration:none;
}
#sub_mail div{ color:#ffffff;}
#sub_mail .txt { background-color:#a8e1ff; height:17px; width:200px; border:#FFFFFF 1px solid; font-size:12px; color:#2f3448; padding:1px; vertical-align:middle }
#sub_mail .txt:focus { background-color:#d1efff;  border:#FFFFFF 1px solid; font-size:12px; color:#2f3448; padding:1px; vertical-align:middle}





#sub_mail .btn { 
	height: 20px;
	padding: 0px 10px 2px;
	margin: 1px 2px;
	text-align: center;
	border: 0; 
	font: normal normal normal 11px Tahoma, Verdana;
	color: white;  
	background: #32bdf4 ;
	cursor: pointer;
} 

#sub_mail .btn:active {
	color: white;  
	background: #32bdf4;
}

#sub_mail .btn:hover {
	color: white;  
	background: #32bdf4 ;
}

#pix .scr{background:url(../img/dooxcms/screens.gif) no-repeat; width:164px; height:54px; border:4px solid #a8e1ff; margin-top:10px;}
#pix .scr h3 {padding-left:62px; padding-top:5px; padding-bottom:0px; margin-bottom:0px; margin-top:0px; padding-top:1px; color:#2970a4; }
#pix .scr p {padding-left:62px; padding-top:0px; margin-top:0px; color:#2970a4}

#pix .scrhov {background:url(../img/dooxcms/screens.gif) no-repeat; width:164px; height:54px; border:4px solid #ffffff; margin-top:10px; cursor:pointer;}
#pix .scrhov h3 {padding-left:62px; padding-top:5px; padding-bottom:0px; margin-bottom:0px; margin-top:0px; padding-top:1px; color:#2970a4}
#pix .scrhov p {padding-left:62px; padding-top:0px; margin-top:0px; color:#2970a4}


#pix .vid{background:url(../img/dooxcms/vide.gif) no-repeat; width:164px; height:54px; border:4px solid #a8e1ff;margin-top:5px; }
#pix .vid h3 {padding-left:62px; padding-top:0px; padding-bottom:0px; margin-bottom:0px; margin-top:0px; padding-top:1px;color:#2970a4}
#pix .vid p {padding-left:62px; padding-top:0px; margin-top:0px; color:#2970a4}

#pix .vidhov{background:url(../img/dooxcms/vide.gif) no-repeat; width:164px; height:54px; border:4px solid #ffffff; margin-top:5px;cursor:pointer;}
#pix .vidhov h3 {padding-left:62px; padding-top:0px; padding-bottom:0px; margin-bottom:0px; margin-top:0px; padding-top:1px;color:#2970a4}
#pix .vidhov p {padding-left:62px; padding-top:0px; margin-top:0px; color:#2970a4}

.over{ background-color:#f2f2f2 ; } 
.over2{}

#nav  {}
#nav  ul { list-style:none;background: url(../img/dooxcms/bg_nav_li.gif) no-repeat;}
#nav ul li{
   float: left;
   padding-left: 2px;
   
   font-size: 1.3em;
   text-align:center;
}







#nav ul li a{
	display: block;
	font-weight:bold;
	color: #ffffff;
	text-decoration: none;
	padding-top: 12px;
	padding-right: 25px;
	padding-bottom: 14px;
	padding-left: 25px;


	
	
}

#nav ul li a:hover{
   color: #097DA0;
   background:#ffffff;
   display: block;
	font-weight:bold;
	text-decoration: none;
	padding-top: 12px;
	padding-right: 25px;
	padding-bottom: 14px;
	padding-left: 25px;


   
}

/* BOTTOM NAV */
ul.bottom{
	margin: 0.25em 0;
	width:150px;
}

ul.bottom li{
	margin: 0 0 0em 0;
	padding: 0;
	background-color: #73c4ef;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #63afd7;
	list-style-type: none;
}

ul.bottom li a{
	color: #2970a4;
	margin: 0; padding: 0.25em 5px 0.25em 15px;
	display: block;
	text-decoration:none;
	border:#73c4ef 1px solid;
	/********************/
}

ul.bottom li a:hover{
	background: #a4dfff;
	color: #2970a4;
	display: block;
	border:#FFFFFF 1px solid;

	margin: 0; padding: 0.25em 5px 0.25em 15px;
}





/* controls */


/* links */
a img { border:0; } 

/* other */

form { padding:0; margin:0; }

/* tables */
table { color: #777777; font-family: Verdana, Arial, Helvetica, Sans Serif; }

a:visited, a {text-decoration:none; cursor:pointer;}
a:hover {text-decoration:none; cursor:pointer;}



em {font-weight:bold;}

input.btn { border: 1px solid #0197de; background-color: #00aafa; font-weight:bold; color: white;  }
.btn { 
	height: 20px;
	padding: 0px 10px 2px;
	margin: 1px 2px;
	text-align: center;
	border: 0; 
	font: normal normal normal 11px Tahoma, Verdana;
	order: 1px solid #0197de; background-color: #00aafa; font-weight:bold; color: white; 
} 

input.submit{ 
	height: 20px;
	padding: 0px 10px 2px;
	margin: 1px 2px;
	text-align: center;
	border: 0; 
	font: normal normal normal 11px Tahoma, Verdana;
	order: 1px solid #0197de; background-color: #00aafa; font-weight:bold; color: white; 
} 


.btn:active {
	color: white;  
	background: #32bdf4;
}

.btn:hover {
	color: white;  
	background: #32bdf4 url(http://dooxcms.com/img/buttons/btn_blue_light.png);
}

.block_cnt {
	position: relative;
	margin-bottom: 5px;
	color: #777777;
}

.block_cnt a {
	color: #2f80bb;
	text-decoration: none;

}

.txt {
	display: block; _height: 24px;
	margin: 2px 0 5px; padding: 4px 2px;
	
	border: 1px solid #dcdcdc;
}
.block_cnt .txt {
	display: block; _height: 24px;
	margin: 2px 0 5px; padding: 4px 2px;
	
	border: 1px solid #dcdcdc;
}

.block_cnt textarea.txt { height: 70px; width: 380px; padding: 0px; }

.block_cnt .error {
    color:#FFFFFF;
	padding: 3px;
	background-color: #ff5b5b;
}

.block_cnt input.btn { /* display: block; margin: 2px auto;  */ }
.block_cnt .controls { padding-top: 2px; text-align: center;}
.block_body {
	padding: 10px 15px;
	background-color: #fbfbf9;
	
}
/* added  */
.block_body a{ padding-bottom:2px;
	 
	font-size:0.9em;
	text-decoration: underline;
}
.block_body a:hover{

	text-decoration: none;
}

.date {font-size:0.8em; border-left:#0099FF solid 4px; padding-left:3px; margin-top:2px; margin-bottom:2px;}

/* added  */

.block_title {
	margin: 0;
	padding: 5px 0 5px 17px;
	border-bottom: 1px solid #9e9f99;
	background-color: #abada5;
	color: white;
}
.clear {clear:both;}
.head {display:block; height:130px; }
.head img { position: absolute; top: 36px; left: 30px;}
.head .slogan {
	position: absolute;
	top: 6px; right: 5px; left: 350px;
	height: 119px; 
	background: #3e96c6 url(../img/blue_line2.gif) repeat-x;
	text-align: center; line-height: 119px; font-size: 18px;

}
.head .slogan a {
	color: white;
}

.hr { border-top: 1px solid #d1d1d1; }

.foot {display:block; height:25px; background:#dedede; color:#fff; text-align:center; padding:0px;font-size:25px;}

.link_container { padding: 10px;}

.news .date {
	/* margin: 5px 0;
	padding: 5px 5px 5px 10px;
	border: 1px solid #d1d1d1; */
	padding: 6px 2 0px 2;
	font-size: 10px;
	font-size:0.8em; border-left:#0099FF solid 4px;  margin-top:12px; margin-bottom:2px;

}
.news .date_big {
	position: relative;
	padding-left: 40px; padding-top: 3px;
	background: transparent url(../img/icons/calendar.gif) no-repeat 0 4px;
	line-height: 48px;
	color: #00aafa;
	font-size: 30px;
}

.news .datetext {
	font-family:Arial, Helvetica, sans-serif;
	position: absolute;
	top: 17px;
	left: 1px;
	width: 33px;
	text-align: center;
	font-size: 8px;
	line-height: 8px;
	color: #666666;
}
<!-- IE Fix -->		

.news .title a {
	font-size: 18px;
	color: #00aafa;
}
.news img { float: left; }
.news .controls { padding: 2px; text-align: right;}
.news_img img { margin-left:0px; margin-top:1px; margin-bottom:1px; margin-right:10px; border:#c1c1c1 solid 1px; padding:5px;}
.pane {display:block; height:30px; background:#dedede; color:#fff; padding:0 0 0 15px; font-size:12px;}
.pane .langs { list-style-type: none; padding: 0; margin: 0; }
.pane .langs li { float: left; margin-right: 5px; }
.pane .langs li.search { float: right; margin-right: 5px; padding-top: 6px; }
.pane .langs li.search .txt { border: 1px solid white;}


.controls .btn {}
.controls .btn:hover {}
.status { border: 1px solid #d1d1d1; padding: 7px; margin: 10px 0;}
/*
.ver_navigation {
	padding: 0px; margin: 0;
	list-style-type: noen;
}

.ver_navigation li { 
	border-bottom: 1px solid #dedede; line-height: 24px; padding-left: 16px; margin: 0px; 
	background: transparent url(../img/list_item_square.gif) no-repeat 5px 10px;
}
.ver_navigation li a, .ver_navigation li a:visited, .ver_navigation li a:active {
	color: #777777;
	text-decoration: none;
}

.ver_navigation li a:hover { text-decoration: underline; background-color:#f3f3f1 }

*/
ul.ver_navigation {
	padding: 0px; margin: 0;
	list-style-type: none;
	
}
ul.ver_navigation  li{
	padding: 0;
	background-color: #fbfbf9;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #dddddd;
	list-style-type: none;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}

ul.ver_navigation  a{
	color: #666666;
	margin: 0; padding: 0.50em 5px 0.50em 15px;
	display: block;
	text-decoration:none;
	background-color:#fbfbf9;
	/********************/
}

ul.ver_navigation  li a:hover{
	background: #f3f3f1;
	color: #444444;
	display: block;
	margin: 0; padding: 0.50em 5px 0.50em 15px;
}

#container {
	position: relative; display: block; 
	/* border-left: 200px solid #aa8; border-right: 200px solid white; */
	margin-right: 200px; margin-left: 200px;
	background: white; 
}
#inner {display:block; margin-left:-200px; margin-right:-200px; padding:5px;}
#left {float:left; position:relative; width:200px; left:0px;}
#right {float:right; position:relative; width:190px; right:0px;}
#center {
	margin-left:200px; margin-right:200px; position:relative; display:block; height:1%;
	padding: 15px 12px 0;
}
fieldset{ 
 margin-bottom: 6px;  color: #666666; border:#CCCCCC solid 1px; padding:6px; };
 
 .masterdiv{color:#ffffff;
	
}
/**************
 * $Id: submenu v 1.0 $ 
 *******************/
 .menutitle  {
 
	width:130px;
	background-color: #fbfbf9;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
	color: #333333;
	margin: 0; padding: 0.50em 5px 0.90em 15px;
	display: block;
	text-decoration:none;
	cursor:pointer;
	cursor:hand;

}
 .menutitle_hover  {
	width:130px;
	background: #f3f3f1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
	color: #00aafa;
	margin: 0; padding: 0.50em 5px 0.90em 15px;
	display: block;
	text-decoration:none;	cursor:pointer;
	cursor:hand;
}
.menutitle  a{color: #00aafa;  }
.menutitle  a:hover{color: #00aafa;	cursor:pointer;
	cursor:hand;}


 .submenu  {
 background:url(../img/dooxcms/test.gif) repeat-x;

 width:125px;
 list-style:none;
 border-left:#fbfbf9 solid 5px;
  border-right:#fbfbf9 solid 3px;
  border-bottom:#dddddd solid 1px;

 padding-left:3px;
background-color: #f3f3f1;
margin: 0; padding: 0.50em 5px 0.90em 15px;


	
}
* html  .menutitle { /*IE only hack*/
width:150px;}
* html  .menutitle_hover  { /*IE only hack*/
width:150px;}
* html  .submenu  { /*IE only hack*/
width:150px;}


 .mail_list
{
	color:#333333;
	FONT-FAMILY: Verdana, Tahoma;
	FONT-SIZE: 11px;
 border:#FFFFFF 1px solid;
	WIDTH: 150px;
	PADDING: 3px 5px 4px 4px;
	MARGIN: 0px;
	BACKGROUND: URL(../img/dooxcms/email.gif) no-repeat;
	BACKGROUND-POSITION: 2px 2px;
	background-color:#a8e1ff;
	PADDING-LEFT: 20px;
	VERTICAL-ALIGN: middle;
}

 .submenu a {color: #666666; line-height:22px;  background:url(../img/dooxcms/_submenu_2.gif)  no-repeat  -2px 2px; padding-left:15px; padding-top:3px; padding-bottom:3px; 
 
}
 .submenu a:hover {color: #333333; text-decoration:underline; background:url(../img/dooxcms/_submenu_3.gif)  no-repeat  -2px 2px; padding-left:15px; padding-top:3px; padding-bottom:3px;
}
 
 
#main_block .block_title { margin: 0;
	padding: 5px 0 5px 17px;
	border-bottom: 1px solid #e3e3e0;
	background-color: #fbfbf9;
	color: #888888;}
#search { position: relative ; z-index:auto; top:30px; right:20px;}
#language a{ color:#FFFFFF} 
#language { padding-left:20px; padding-bottom:100px;  }
#language .flag a:hover { color:#FFFFFF}

.search_bar  {
	color:#333333;
	FONT-FAMILY: Verdana, Tahoma;
	FONT-SIZE: 9px;
    border:#dddddd 1px solid;
	WIDTH: 100px;
	PADDING: 2px 2px 4px 2px;
	MARGIN: 0px;
	BACKGROUND: URL(../img/dooxcms/loopa.png) no-repeat;
	BACKGROUND-POSITION: 1px 1px;
	PADDING-LEFT: 20px;
	VERTICAL-ALIGN: middle;}
.search_bar:focus { background-color:#dddddd;border:#dddddd 1px solid;}

input.search{
border:1px #CCCCCC solid;
padding-left:4px;
padding-top:4px;
color:#333333;
height:20px;
font-size:100%
	}
	input.textfield,textarea{
	width:196px;
	padding:3px;
	border:solid 1px #B6BFC8;
	font-size:100%
}

#screen   img{ padding:2px;
	border: 4px solid #fbfbf9;
	margin:2px;
	list-style:none;}
#screen:hover  img{ border: 4px solid #a8e1ff;
	padding:2px;
	margin:2px;}
#feat  li { list-style:none;  background:url(../img/dooxcms/_submenu_4.gif)  no-repeat  0px 4px; padding-left:20px; padding-top:3px; padding-bottom:3px; line-height:15px;}
#more  li { list-style:none;  background:url(../img/dooxcms/_submenu_4.gif)  no-repeat  0px 4px; padding-left:20px; padding-top:3px; padding-bottom:3px; line-height:15px;}
#more2  li { list-style:none;  background:url(../img/dooxcms/_submenu_4.gif)  no-repeat  0px 4px; padding-left:20px; padding-top:3px; padding-bottom:3px; line-height:15px;}


 .login_usn
{
	COLOR: #000000;
	FONT-FAMILY: Verdana, Tahoma;
	FONT-SIZE: 11px;
	BORDER-STYLE: solid;
	BORDER-COLOR: #dddddd;
	BORDER-WIDTH: 1px;
	WIDTH: 100px;
	PADDING: 5px 4px 4px 4px;
	MARGIN: 0px;
	BACKGROUND: URL(../img/dooxcms/icons/user_suit.png) no-repeat;
	BACKGROUND-POSITION: 2px 2px;
	BACKGROUND-COLOR: #FFFFFF;
	PADDING-LEFT: 20px;
	VERTICAL-ALIGN: middle;
}
 .login_key
{
	COLOR: #000000;
	FONT-FAMILY: Verdana, Tahoma;
	FONT-SIZE: 11px;
	BORDER-STYLE: solid;
	BORDER-COLOR: #dddddd;
	BORDER-WIDTH: 1px;
	WIDTH: 100px;
	PADDING: 5px 4px 4px 4px;
	MARGIN: 0px;
	BACKGROUND: URL(../img/dooxcms/icons/key.png) no-repeat;
	BACKGROUND-POSITION: 2px 2px;
	BACKGROUND-COLOR: #FFFFFF;
	PADDING-LEFT: 20px;
	VERTICAL-ALIGN: middle;
}


#navig  { width:350px; margin:0 auto} 
#navig ul {	list-style-type:none;  }
#navig ul li {float:left;  margin:15px; margin-top:35px;  background:url(../img/dooxcms/bt2.gif) repeat-x}	
#navig ul li a {float:left;display: block;color:#666666;text-decoration:none;text-transform:uppercase;height:25px;background:url(../img/dooxcms/bt1.gif) no-repeat left  ;}
#navig  ul li a span {float:left;display:block;line-height: 25px;padding: 0 10px;display: inline-block;background: url(../img/dooxcms/bt3.gif) no-repeat right;}
#navig ul li a:hover {color: #333333;}
#navig ul li a:hover span {cursor: pointer;}

#navig1  { width:300px; margin:0 auto} 
#navig1 ul {	list-style-type:none;  }
#navig1 ul li {float:left;  margin:15px; margin-top:35px;  background:url(../img/dooxcms/bt22.gif) repeat-x}	
#navig1 ul li a {display: block;color:#eeeeee;text-decoration:none;text-transform:uppercase;height:25px;background:url(../img/dooxcms/bt11.gif) no-repeat left;}
#navig1  ul li a span {display:block;line-height: 25px;padding: 0 10px;display: inline-block;background: url(../img/dooxcms/bt33.gif) no-repeat right;}
#navig1 ul li a:hover {color: #ffffff;}
#navig1 ul li a:hover span {cursor: pointer;}


#navig3  {  margin:0 auto; width:250px;} 
#navig3 ul {	list-style-type:none;  }
#navig3 ul li {float:left;  margin:10px; margin-top:20px;  background:url(../img/dooxcms/bt222.gif) no-repeat center}	
#navig3 ul li a {float:left;display: block;color:#666666;text-decoration:none;text-transform:uppercase;height:25px;background:url(../img/dooxcms/bt111.gif) no-repeat left  ; padding-left:20px;}
#navig3  ul li a span {display:block;line-height: 25px;display: inline-block;background: url(../img/dooxcms/bt333.gif) no-repeat right; padding-right:20px;}
#navig3 ul li a:hover {color: #333333;}
#navig3 ul li a:hover span {cursor: pointer;}

.feat { padding-top:10px;}
.feat ul{ list-style:none; width:480px;}
.feat ul li img { float:left; margin-right:8px;}
.feat ul li{ width:220px; float:left; padding:4px; line-height:45px; height:45px;}
.feat ul li p{ padding-top:2px; padding-left:3px; color:#ffffff }
.feat ul li a{}
.feat ul li a:hover{}

#whatsnew { }
#whatsnew ul{ font-size:15px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; list-style:none; font-weight:bold;}
#whatsnew ul li{ padding:4px;}
.section h2{ color:#FFFFFF}
.section h3{ color:#FFFFFF; padding-left:15px;}
.section p{color:#FFFFFF}

.glidefeat{float:right; width:500px;}
#arr { display:none}

.legend_head_vid {
	background:url(../img/dooxcms/television.png) no-repeat;
	padding-left:20px;
	height:24px;
	line-height:24px;
	font-size:14px;
	font-weight:bold
}

#over li { list-style:none;  background:url(../img/dooxcms/_submenu_4.gif)  no-repeat  0px 4px; padding-left:20px; padding-top:3px; padding-bottom:3px; line-height:10px;}
#case {}
#case ul{list-style:none}
#case ul li{ padding:1px;}
#case ul li a{ text-decoration:none; padding:2px; margin:2px;}
#case ul li a:hover{ background:#FFFFFF}