@import "editor.css";

body {
    font-family: 'Verdana', 'sans-serif';
    font-size: 12px; /* 12px/16px */
    color: #808285;
    padding: 0;
    margin: 0;
}

.hide {
    display: none;
}
.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}
img {
    border: 0;
    padding: 0;
    margin: 0;
}

#container {
    position: relative;
    text-align: left;
    width: 1000px;
    margin-top: 10px;
}
#container_inner {
    width: 1000px;
    margin: 0;
    padding: 0;
}

/* TOP */
#top {
    position: relative;
    width: 1000px;
    height: 200px;
    overflow: hidden;
}
/* TOPMENU */
#topmenu {
    position: absolute;
    right: 330px;
    top: 0;
}
#topmenu ul {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
}
#topmenu li {
    float: left;
}
/* LANGMENU */
#langmenu {
    position: absolute;
    right: 213px;
    top: 4px;
}
#langmenu ul {
    float: right;
    list-style: none;
    border-bottom: 1px solid #f9f8f6;
    margin: 0;
    padding: 0 0 4px 0;
}
#langmenu li {
    float: left;
    background: transparent url('../image/frontpage/Graphic elements/langmenu_r.gif') no-repeat right 2px;
    padding-right: 2px;
}
#langmenu li.lastitem {
    background: transparent none;
    padding: 0;
}
#langmenu li a,
#langmenu li a:visited
{
    display: block;
    font-size: 0.67em;
    color: #808285;
    padding: 0 2px;
}
#langmenu select {
    float: right;
    font-size: 0.92em;
    color: #87bbe2;
    border: 1px solid #b7d6ee;
    padding: 0;
}
#pagedesc {
    position: absolute;
    left: 0px;
    top: 0;
    width: 1000px;
    height: 200px;
}

/* LANGUAGES MENU */
#languages {
    position: absolute;
    z-index: 100;
    top: 24px;
    right: 213px;
}
#languages, #languages ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#languages a {
	display: block;
	width: 91px;
color: #b5ce2f;

}
#languages li {
	float: left;
	width: 91px;
}
#languages li a {
    width: 91px;
}
#languages li li,
#languages li:hover li {
    padding: 0 5px;
}
#languages li li.firstitem {
	padding-top: 3px;
}
#languages li li.lastitem {
	padding-bottom: 5px;
}
#languages li li a {
    width: 81px;
    font-size: 0.75em;
    background: transparent none;
}
#languages li:hover li a, #languages li.sfhover li a {
	background: transparent none;
}
#languages li:hover {
}
#languages li:hover a, #languages li.sfhover a {
	background: transparent none;
}
#languages li li a:hover {
    text-decoration: underline;
}
#languages li ul {
	position: absolute;
	width: 91px;
	left: -999em;
    background-color: #fff;
    border: 1px solid #d2d2d2;
}
#languages li:hover ul, #languages li.sfhover ul {
	left: auto;
}

#top #top_banner {
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    height: 200px;
    overflow: hidden;
}
#top #top_banner .iw_column {
    padding: 0;
}

/* MAINMENU */
#mainmenu {
    clear: both;
    position: relative;
	z-index: 999;
    background: transparent url('../image/frontpage/Graphic elements/bg_mainmenu.gif') no-repeat left bottom;
    padding: 0 2px 2px 2px;
    margin: 0;
height:27px;
}
#mainmenu ul {
    display: block;
    list-style: none;
	float: left;
    padding: 0;
    margin: 0;
position:absolute;

}
#mainmenu li {
    float: left;
    /*background: transparent url('../images/bg_mainmenu_r.gif') no-repeat right top;
    padding: 15px 16px 0 14px;*/
}
#mainmenu li.lastitem {
    background: transparent none;
}
#mainmenu li a {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.125em;
    color: #030408;
    /*padding-bottom: 10px;*/
}
#mainmenu li.active {
}
#mainmenu li:hover {
}
#mainmenu li:hover.active {
}
#mainmenu li:hover a, #mainmenu li.sfhover a {
    background: transparent none;
}
#mainmenu li:hover li a, #mainmenu li.sfhover li a {
	background: transparent none;
}
#mainmenu li .active_link {
	background: transparent none;
}
#mainmenu li li.active {
    background: transparent none;
}
#mainmenu li li {
    float: left;
	text-align: left;
	height: auto;
	width: 14em;
	padding: 0;
}
#mainmenu li li a {
    font-size: 1em;
    width: 14em;
    color: #000;
    font-weight: bold;
    text-transform: none;
	padding: 4px 0;
}
#mainmenu li ul { /* second-level lists */
    position: absolute;
    background-color: #fff;
    border: 1px solid #918f8f;
    width: 14em;
    height: auto;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    padding: 4px 8px;
}
#mainmenu li ul ul {
	margin: -1.5em 0 0 13em;
}
#mainmenu li:hover ul ul, #mainmenu li:hover ul ul ul, 
#mainmenu li.sfhover ul ul, #mainmenu li.sfhover ul ul ul {
	left: -999em;
}
#mainmenu li:hover ul, #mainmenu li li:hover ul, #mainmenu li li li:hover ul, 
#mainmenu li.sfhover ul, #mainmenu li li.sfhover ul, #mainmenu li li li.sfhover ul {
	left: auto;
}

/* PAGEPATH and TOOLS */
#pagepath {
    clear: both;
    font-size: .75em;
    padding-bottom: 10px;
}
#pagepath, #pagepath a {
    color: #808285;
}
#pagepath #path {
    float: left;
    padding: 5px 10px;
}
#pagepath #tools {
    float: right;
    width: 222px;
    padding-top: 1px;
}
#pagepath #tools .frminput {
    float: left;
    width: 115px;
    height: 19px;
    background: transparent url('../image/frontpage/Graphic elements/bg_search.gif') no-repeat left top;
    border: 0;
    padding: 2px 0 0 4px;
    margin-left: 10px;
	margin-top: 0px;
}
#pagepath #tools a {
    float: left;
}
#pagepath #tools .frmbutton {
    display: block;
    float: left;
    width: 15px;
    height: 21px;
    background: transparent url('../image/frontpage/Graphic elements/bg_search_btn.gif') no-repeat left top;
    border: 0;
    padding: 0;
    margin: 0;
    color: #fff;
    
	line-height:2em;
	overflow:hidden;
	text-indent:-999em;
	
	/* For opera; doesn't hide the first letter, but makes the image readable */
	font-size: 0;
	letter-spacing: 50px;
}

/* SUBMENU */
#contentarea_wide #submenu {
    display: none;
}
#submenu {
    float: left;
    width: 178px;
    padding: 10px 10px 0 0;
}
#submenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#submenu li ul {
    margin: 2px 0 2px 20px;
}
#submenu ul li {
    margin-bottom: 6px;
}
#submenu li a {
    color: #000000;
}
#submenu li a.active_link {
    font-weight: bold;
}
#submenu li li a {
    color: #808285;
}
#submenu li li a.active_link {
    color: #131212;
    font-weight: normal;
}

/* CONTENT */
#contentarea,
#contentarea_wide {
    clear: both;
    float: left;
    width: 1000px;
    background: transparent url('../image/frontpage/Graphic elements/line_h.gif') repeat-y left top;
    margin:0;
    padding:0;
}
#contentarea_inner {
    padding: 0 12px 0 12px;
}
#content {
    float: left;
    width: 600px;
    /*min-height: 400px;
    height: auto !important;
    height: 400px;*/
    background: transparent url('../image/frontpage/Graphic elements/bg_content.gif') repeat-y left top;
}
#content_inner {
    padding: 0 12px 0 12px;
}
#contentarea_wide #content {
    width: 788px;
    background: url('../image/frontpage/Graphic elements/line_h.gif') repeat-y right top;
}
#contentarea_wide #content #content_inner {
    padding: 0 12px 0 0;
}
#content img {
    margin: 5px;
}

/* BANNERS */
#banners {
    float: right;
    text-align: center;
    width: 178px;
    padding: 10px 0 0 0;
}

/* FOOTER */
#footer {
    clear: both;
    height: 77px;
    background: #fff url('../image/frontpage/Graphic elements/line_v.gif') repeat-x left top;
    margin: 0;
    padding: 12px;
}
#footer .left {
    float: left;
}
#footer .right {
    float: right;
}
#footer .right a {
    margin-left: 10px;
}


/* CONTENT Styles */
.iw_modularea_139 .iw_modulcontent_inner {
    padding: 0;
}
.iw_modularea {
    margin-bottom: 10px;
}
.iw_column {
    padding-top: 10px;
}
.iw_column_2_1 {
    width: 376px;
    background: transparent url('../image/frontpage/Graphic elements/line_h.gif') repeat-y right top;
    padding-right: 12px;
}
.iw_column_2_2 {
    width: 178px;
    padding-left: 10px;
}
.iw_column_4_1 {
    width: 176px;
    background: transparent url('../image/frontpage/Graphic elements/line_h.gif') repeat-y right top;
    padding-right: 12px;
}
.iw_column_4_2 {
    width: 378px;
    padding-left: 10px;
}
.iw_column_5_1 {
    width: 186px;
    background: transparent url('../image/frontpage/Graphic elements/line_h.gif') repeat-y right top;
    padding-right: 12px;
}
.iw_column_5_2 {
    width: 366px;
    background: transparent url('../image/frontpage/Graphic elements/line_h.gif') repeat-y right top;
    padding: 0 12px 0 10px;
}
.iw_column_5_3 {
    width: 178px;
    padding-left: 10px;
}


.iw_column_3_1{
width:186px;
padding-right:6px;
margin-left:-8px;
}

.iw_column_3_2{
width:580px;
padding-left:11px;
background: url('../image/frontpage/Graphic elements/line_h.gif') repeat-y left top;
}


#content .TA_cdsdmoreview img{
margin:0;
}

/****************** Following is the style of the feedback form UI of homepage **********************************/
#dialog-form input.text { margin-bottom:12px; width:95%; padding: .4em; }
#dialog-form fieldset { padding:0; border:0; margin-top:25px; }
#dialog-form h1 { font-size: 1.2em; margin: .6em 0; }
#dialog-form div#users-contain { width: 350px; margin: 20px 0; }
#dialog-form div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
#dialog-form div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
#dialog-form .ui-dialog .ui-state-error { padding: .3em; }
#dialog-form .validateTips { border: 1px solid transparent; padding: 0.3em; }