/* RELEASE: Stylefusion.Framework.Templates.RootA.1 */
/* start global Settings */

* {
}
body {
	margin:5px 0 10px 0;
	background: #4b4b4b url(../images/background_grey.png) repeat-x;
}
body * {
}
.body_modal {
	background: none;
}
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
img {
	margin: 0 0;
	padding: 0 0;
}
.home {
}
#maincontainer {
	width:95%;
	margin:15px auto 0px auto;
}
#top {
	position:relative;
	height:45px;
	width: 98%;
	padding: 0 0;
}
#contentcontainer {
	position: relative;
	width:100%;
	margin-top: 0px;
}
#content {
	position:relative;
	float:left;
	display: block;
	width:100%;
}
#contentcontainer {
}
#leftcontent {
}
#content_login {
	width:500px;
	z-index: 100;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
#contentmain {
	position:relative;
	float:left;
	display: block;
	width:68%;
	z-index: 100;
}
#contentmain_wide {
	position:relative;
	float:left;
	display: block;
	width:99%;
}
#contentmain_full {
	padding: 5px 10px 0 15px;
	position:relative;
	float:left;
	display: block;
	width:903px;
	min-height: 280px;
	border: dotted 1px #666;
}
#contentmain_table {
}
#contentright {
	position:relative;
	width:30%;
}
#intro {
	position: absolute;
	top: 70px;
	padding-left: 79px;
	color: #fff;
	width: 600px;
	vertical-align: top;
}
#special {
	position: absolute;
	top: 40px;
	right: 20px;
	color: #fff;
	vertical-align: top;
	font-size: 10px;
	width: 200px;
}
#special a {
	color: #fff;
	text-decoration: underline;
}
#footer {
	position: relative;
	width:100%;
	min-height: 20px;
	padding:5px 10px 0 20px;
	color: #fff;
}
.border {
	border: solid 1px #666;
}
#noBorder {
}
#noBorder img {
	border: solid 0px #666;
}
.wide {
}

/* End Global Root Settings */

/* Top elements */

#Welcome {
	position: relative;
	left: 20px;
	height: 20px;
	float: left;
}
#Welcome td {
	color: #3a3a3a;
	font-size: 12px;
}
#Logo1 {
	position: absolute;
	left: 10px;
	top: 0px;
}
#Logo2 {
	position: absolute;
	width: 73px;
	height: 77px;
	top: 65px;
	padding: 7px 7px;
	left: 10px;
	opacity:0.80;filter:alpha(opacity=80)
	z-index: 600;
	background: url(../images/logo_bg.png) no-repeat;
}
#tagline {
	position:relative;
	left: 100px;
	top: 40px;
	color: #82cc17;
	font-size: 13px;
	line-height: 18px;
}
#languageselect {
	position:relative;
	top: 5px;
	left: 20px;
}

/* end Top elements */


#banner {
	position:relative;
	width: 914px;
	height: 90px;
	background: #000;
}
#banner1 {
}
#banner2 {
	position:absolute;
	top: 20px;
	left: 100px;
}
#menumain {
	position:absolute;
	height: 20px;
	top: 0px;
	left: 0px;
}
#menumain li {
	list-style-type: none;
}



/* menusub */

#MenuSub_Container {
	position:absolute;
	height:33px;
	top: 29px;
}
#MenuSub {
	top: 30px;
}
#MenuSub li {
	list-style:none;
	float: left;
	padding: 0 5px;
}
.menusub_left {
	background: url(../images/MenuSub/menusub_left.png) no-repeat left 0px;
}
.menusub_middle {
	background: url(../images/MenuSub/menusub_bg.png) repeat-x left 0px;
}
.menusub_right {
	background: url(../images/MenuSub/menusub_right.png) no-repeat left 0px;
}
#MenuSub a {
	display:block;
	float: left;
	padding: 0px 10px 3px 0px;
	font-size:12px;
	color: #fff;
	text-decoration:none;
}

#MenuSub a:hover {
}

#MenuSub a:hover .selected {
	text-decoration:underline;
}
#selected {
	color: #fff;
	font-weight: bold;
	border-bottom: solid 2px #fff;;
}

#MenuSub ul a {
	display:block;
	margin-top:2px;
	font-size:11px;
	padding:0 0 2px 20px
}

/* end menusub */

#crossbar {
	position: relative;
	width: 922px;
	height: 28px;
	background: #ccc;
}
#footer {
	width: 98%;
	padding: 0 0;
}
#footer_content {
	padding: 0 10px;
	color: #fff;
	font-size: 10px;
	text-decoration: none;
}
.footer {
}
#footer a:link {
	color: #fff;
	font-size: 10px;
	text-decoration: none;
}
#footer a:visited {
	color: #fff;
	font-size: 10px;
	text-decoration: none;
}
#footer a:hover {
	color: #fff;
	font-size: 10px;
	text-decoration: none;
}
.footer_td
{
	text-align: center;
	padding: 0 10px 10px 0;
}

/* Tabel vs Panels */

#panel {
}
#panel .top_left {
	height:10px;
	width: 10px;
	padding: 0 0;
	background: url(../images/panel/top_left.png) repeat-x left 0px;
}
#panel .top_right {
	height:10px;
	width: 18px;
	padding: 0 0;
	background: url(../images/panel/top_right.png) no-repeat left 0px;
}
#panel .bottom_left {
	height:16px;
	width: 10px;
	padding: 0 0;
	background: url(../images/panel/bottom_left.png) repeat-x left 0px;
}
#panel .bottom_right {
	height:16px;
	width: 18px;
	padding: 0 0;
	background: url(../images/panel/bottom_right.png) no-repeat left 0px;
}
#panel .top {
	height:10px;
	width: 100%px;
	padding: 0 0;
	background: url(../images/panel/top.png) repeat-x left 0px;
}
#panel .right {
	height:10px;
	width: 100%px;
	padding: 0 0;
	background: url(../images/panel/right.png) repeat-y left 0px;
}
#panel .bottom {
	height:10px;
	width: 100%px;
	padding: 0 0;
	background: url(../images/panel/bottom.png) repeat-x left 0px;
}
#panel .left {
	height:10px;
	width: 100%px;
	padding: 0 0;
	background: url(../images/panel/left.png) repeat-y left 0px;
}
#panel .center {
	padding: 10px 10px;
	background: #f2f2f2;
	height: 600px;
	vertical-align: top;
}

/* Tabel vs Panels */

#panellogin {
	width: 400px;
}
#panellogin .top_left {
	height:10px;
	width: 10px;
	padding: 0 0;
	background: url(../images/panel/top_left.png) repeat-x left 0px;
}
#panellogin .top_right {
	height:10px;
	width: 18px;
	padding: 0 0;
	background: url(../images/panel/top_right.png) no-repeat left 0px;
}
#panellogin .bottom_left {
	height:16px;
	width: 10px;
	padding: 0 0;
	background: url(../images/panel/bottom_left.png) repeat-x left 0px;
}
#panellogin .bottom_right {
	height:16px;
	width: 18px;
	padding: 0 0;
	background: url(../images/panel/bottom_right.png) no-repeat left 0px;
}
#panellogin .top {
	height:10px;
	width: 100%px;
	padding: 0 0;
	background: url(../images/panel/top.png) repeat-x left 0px;
}
#panellogin .right {
	height:10px;
	width: 100%px;
	padding: 0 0;
	background: url(../images/panel/right.png) repeat-y left 0px;
}
#panellogin .bottom {
	height:10px;
	width: 100%px;
	padding: 0 0;
	background: url(../images/panel/bottom.png) repeat-x left 0px;
}
#panellogin .left {
	height:10px;
	width: 100%px;
	padding: 0 0;
	background: url(../images/panel/left.png) repeat-y left 0px;
}
#panellogin .center {
	padding: 10px 10px;
	background: #f2f2f2;
	vertical-align: top;
}
#panellogin h1 {
	font-size: 18px;
}
#panellogin a {
	font-size: 100%;
	color: #001939;
}
/* Tabel vs Top */

#top .top_left {
	height:28px;
	width: 10px;
	padding: 0 0;
	background: url(../images/top/top_left.png) repeat-x left 0px;
}
#top .top_right {
	height:28px;
	width: 18px;
	padding: 0 0;
	background: url(../images/top/top_right.png) no-repeat left 0px;
}
#top .top {
	height:10px;
	width: 100%px;
	padding: 0 0;
	background: url(../images/top/top.png) repeat-x left 0px;
}
#top .right {
	height:45px;
	width: 18;
	padding: 0 0;
	background: url(../images/top/right.png) no-repeat left 0px;
}
#top .bottom {
	height:45px;
	width: 100%px;
	padding: 0 0;
	background: url(../images/top/bottom.png) repeat-x left 0px;
}
#top .left {
	height:45px;
	width: 10px;
	padding: 0 0;
	background: url(../images/top/left.png) no-repeat left 0px;
}

/* content */

.sublink a:link {
	color: #333;
	font-weight: normal;
}

/* Iframes, Tabs */
.iframetab {
	background: #F2F2F2;
	margin: 0px;
	padding: 0px"
}

html.wait, html.wait * { 
	cursor: wait !important; 
}

/*
TableDnD
*/
tr.STBDragClass td {
    background-color: #C0C0C0;
    color: white;
}
tr.STBDragClass td a {
    color: white;
}

/* row hover color */
.hoverRow td {
	background-color: #C0C0C0 !important;
}