﻿/* ----------------------- */
/* Root                    */
/* ----------------------- */
table#root, table#root td#root_top,
table#root td#root_bottom{
	padding:0;
	margin:0;
	border: none;
	width: 100%;
}
table#root td#root_body{
	background:url(img/contentBack.jpg) repeat-x top left;
}

/* ----------------------- */
/* Layout                  */
/* ----------------------- */
table#layout
{
    width:1000px;
}
table#layout td#side{
	width:260px!important;
	padding:0;
	margin:0;
	padding-left:20px;
	vertical-align:top;
}
table#layout td#body{
	padding:25px;
	vertical-align:top;
}

/* ----------------------- */
/* Side Menu (sm)          */
/* ----------------------- */
a.sm
{
	padding:5px;
}
a.sm,
a.sm:hover
{
	text-decoration:none!important;
	display:block;
}
a.sm:hover{
	background:#f0f6ff;
}
a.active,
a.inactive{
	padding:5px 10px;
	margin:0;
	border: solid 1px transparent;
}
a.active span.title,
a.inactive span.title,
a.menu span.title
{
	font-weight:bold;
	text-decoration:none!important;
}
a.active span.category,
a.inactive span.category,
a.menu span.category
{
	font-size:11pt;
	font:Arial;
	font-weight:normal;
	color:#1EA0DA;
}
a.active span.keywords,
a.inactive span.keywords,
a.menu span.keywords
{
	font-size:8pt;
	color:#999999;
	margin:0;
	padding:0;
	line-height:1.33em;
}
a.active{
	background-color:#dceef7;
	border: solid 1px #adc5ea;
}
a.active span.keywords{
	color:#555555;
}

/* ----------------------- */
/* Header (header)         */
/* ----------------------- */
table#header{
	color:#d0ddf0;
	width:100%;
}
table#header td#top,
table#header td#middle,
table#header td#bottom{	
	width:100%;
}
td#top{
	background-color:#0e2537;
}
td#middle{
	background:#225686 url(img/headerMiddle.jpg) repeat-x top;
}
td#bottom{	
	background:#f4f9ff url(img/headerBottom.jpg) repeat-x top;
	border-bottom:solid 1px #bfbfbf;
}

/* ------- Login ----- */
div#login{
	padding:0;
	font-size:90%;
}
div#login table.form{
	color:#555555;
	white-space:nowrap;
	padding-right:15px;
}
div#login table.form td.user{
	color:#566673;
	padding:5px 0;
}
div#login table.form span.user{
	padding:5px;
	color:#99a4ab;
	font-weight:bold;
}
div#login table.form td.button{
	padding:5px 0;
	padding-left:10px;
}
td#top table.form td.message{
	text-align:center;
	padding:5px;
	line-height:1.66em;
	font-size:90%;
	background:url(img/rp/rpTitle.png) no-repeat bottom left;
	color:#555555;
}
div#login a{
	color:#cddef0;
}
div#login a:hover{
	color:#ffffff;
}
td#logo{
	padding:10px;
	padding-left:25px;
	width:120px;
}

/* ------- Menu ----- */
td#menu_center{
	background:url(img/menuBack.png) repeat-x bottom;
	padding-bottom:20px;
}
td#menu_center a, td#menu_center a:hover{
	text-decoration:none!important;
}
td#menu_left{
	background:url(img/menuLeft.png) no-repeat left bottom;
	height:60px;
	width:25px;
}
td#menu_right{
	background:url(img/menuRight.png) no-repeat right bottom;
	height:60px;
	width:25px;
}

/* ----------------------- */
/* Title (title)           */
/* ----------------------- */
table#title{
}
table#title div.caption{
	padding:25px;
	padding-bottom:0;
	font-size:2.4em;
	color:#444444;
}
table#title div#breadcrumb {
	padding:10px;
	padding-left:22px;
	font-size:8pt;
	white-space:nowrap;
}
table#title div#breadcrumb a {text-decoration:none;color:#555555;}
table#title div#breadcrumb a:hover {text-decoration:underline;color:#444444;}

/* ----------------------- */
/* Footer (footer)         */
/* ----------------------- */
td#footer{
	font-size:90%;
	color:#999999;
	border-top:solid 1px #d9d9d9;
}
td#footer div.body{
	padding:25px;
}
td#footer div.copy{
	padding-top:1em;
}
td#footer a {text-decoration:none;color:#666666;}
td#footer a:hover {text-decoration:underline;color:#333333;}

/* ----------------------- */
/* Normal (normal)         */
/* ----------------------- */
div.normal table#title,
div.normal td#footer table.body,
div.normal table#header td#top,
div.normal div#login,
div.normal table#layout,
div.normal table#menu{
	margin:0 auto;
	width: 1000px!important;
}

div.wide table#title,
div.wide td#footer table.body,
div.wide table#header td#top,
div.wide div#login,
div.wide table#layout,
div.wide table#menu{
	margin:0 auto;
	padding:0 25px;
}
div.wide table#layout
{
    padding:0;
}
div.wide table#layout
{
	width: 100%;
}

/* ----------------------- */
/* Columns (col)           */
/* ----------------------- */
table.col{
	width:100%;
	margin:0;
	padding:0;
	padding-top:10px;
}
table.col td{
	vertical-align:top;
}
table.col dl{
	padding-top:10px;
}

/* ----------------------- */
/* Two Columns (col_two)   */
/* ----------------------- */
table.col_two td.image{
	padding-right:10px;
}
table.col_two td.right{
	padding-left:10px;
	width:50%;
}
table.col_two td.left{
	padding-right:10px;
	/*width:50%;*/
}
table.col_two td h2{
	padding:0;
	margin:0;
}
table.col_two td.prod{
	width:185px;
	padding-left:20px;
}
table.col_two td.prod a{
	margin-top:5px;
	float:right;
}

/* -------------------------- */
/* Three Columns (col_three)  */
/* -------------------------- */
table.col_three td{
	width:33%;
	padding:0 10px;
	padding-bottom:5px;
}
table.col_three td.right{
	padding-right:0;
	border-left:solid 1px #D7E2F2;
}
table.col_three td.left{
	padding-left:0;
	border-right:solid 1px #D7E2F2;
}
table.col_three td h2{
	padding:0;
	margin:0;
}
/* -------------------------- */
/* Four Columns (col_four)    */
/* -------------------------- */
table.col_four td{
	width:25%;
	padding:0 10px;
	padding-bottom:5px;
}
table.col_four td.right{
	padding-right:0;
	border-left:solid 1px #D7E2F2;
}
table.col_four td.left{
	padding-left:0;
	border-right:solid 1px #D7E2F2;
}
table.col_four td h2{
	padding:0;
	margin:0;
}

/* ----------------------- */
/* Inner (inner)           */
/* ----------------------- */
table.inner{
	margin:0;
	padding:0;
	width:100%;
	background-color:Transparent;
}
table.inner td.inner_top{
	border-top:solid 1px #f2f2f2;
	background-color:#ffffff;
}
table.inner td.inner_top_right{
	height:7px!important;
	width:7px;
	background:url(img/rpInnerTopRight.gif) no-repeat right top;
}
table.inner td.inner_top_left{
	height:7px!important;
	width:7px;
	background:url(img/rpInnerTopleft.gif) no-repeat left top;
}
table.inner td.inner_center_left{
	border-left:solid 1px #f2f2f2;
	background:#ffffff;
}
table.inner td.inner_center{
	padding:15px;	
	background:#ffffff;
	border:solid 1px #f2f2f2;
	width:100%;
}
td#side table.inner td.inner_center{
	padding:0px;
}
table.inner td.inner_center_right{
	border-right:solid 1px #f2f2f2;
	background:#ffffff;
}
table.inner td.inner_bottom{
	border-bottom:solid 1px #f2f2f2;
	background:#ffffff;
}
table.inner td.inner_bottom_right{
	height:7px;
	width:7px;
	background:url(img/rpInnerBottomRight.gif) no-repeat right bottom;
}
table.inner td.inner_bottom_left{
	height:7px;
	width:7px;
	background:url(img/rpInnerBottomLeft.gif) no-repeat left bottom;
}

/* ----------------------- */
/* Round Panel (rp)        */
/* ----------------------- */
table.rp{
	width:100%;
	margin:20px 0;
	padding:0;
}
td#side table.rp{
	width:100%;
	margin:0;
	padding:0 2px;
	margin-bottom:10px;
}
table.rp td.top{
	border-top:solid 1px #d9d9d9;
	background-color:#f9fbfc;
	height:6px;
}
table.rp td.top_right{
	background:url(img/rpTopRight.gif) no-repeat right top;
}
table.rp td.top_left{
	background:url(img/rpTopleft.gif) no-repeat left top;
}
table.rp td.top_right div,
table.rp td.top_left div,
table.rp td.bottom_left div,
table.rp td.bottom_right div
{
	height:7px!important;
	width:7px!important;
}
table.rp td.center_left{
	border-left:solid 1px #d9d9d9;
	background-color:#f9fbfc;
	width:6px;
}
table.rp td.center{
	padding:0;
	background-color:#f9fbfc;
}
table.rp td.page{
	padding:18px;
	background-color:#ffffff;
	border:solid 1px #f2f2f2;
	vertical-align:top;
}
table.rp td.center_right{
	border-right:solid 1px #d9d9d9;
	background-color:#f9fbfc;
	width:6px;
}
table.rp td.bottom{
	border-bottom:solid 1px #d9d9d9;
	background-color:#f9fbfc;
	height:6px;
}
table.rp td.bottom_right{
	background:url(img/rpBottomRight.gif) no-repeat right bottom;
}
table.rp td.bottom_left{
	background:url(img/rpBottomLeft.gif) no-repeat left bottom;
}

/* ------- Title ----- */
table.title{
    font-weight: normal;
	white-space: nowrap;
	width:100%;
	font-size:12pt;
	color:#555555;
	background:url(img/rp/rpTitle.png) no-repeat bottom left;
	padding-bottom:12px;
	padding-top:7px;
}
table.title td.title_left{
	width:10px;
}
table.title td.title_center{
}
table.title td.title_right{
	width:10px;
}
table.rp div.title
{
    font-weight: normal;
	white-space: nowrap;
	width:100%;
	font-size:12pt;
	color:#555555;
	padding:7px 10px 12px 15px;
	background:url(img/rp/rpTitle.png) no-repeat bottom center;
}

/* ------- Body ----- */
td#side table.rp div.body{
	padding:10px;
}
td#side table.rp div.body dl{
	/*padding-top:15px;*/
}
table.rp div.footer{
	padding-top:10px;
	color:#d9d9d9;
	border-top:solid 1px #d9d9d9;
}

/* ----------------------- */
/* Toolbar (tb)        */
/* ----------------------- */
table.tb{
	width:100%;
	margin:20px 0;
	padding:0;
}
table.tb td.tb_top{
	border-top:solid 1px #E9E9E9;
}
table.tb td.tb_top_right{
	height:5px;
	width:5px;
	background:url(img/tb/tbTopRight.png) no-repeat right top;
}
table.tb td.tb_top_left{
	height:5px;
	width:5px;
	background:url(img/tb/tbTopleft.png) no-repeat left top;
}
table.tb td.tb_center_left{
	border-left:solid 1px #E9E9E9;
}
table.tb td.tb_center{
	padding:0;
}
table.tb td.tb_center_right{
	border-right:solid 1px #E9E9E9;
}
table.tb td.tb_bottom{
	border-bottom:solid 1px #E9E9E9;
}
table.tb td.tb_bottom_right{
	height:5px;
	width:5px;
	background:url(img/tb/tbBottomRight.png) no-repeat right bottom;
}
table.tb td.tb_bottom_left{
	height:5px;
	width:5px;
	background:url(img/tb/tbBottomLeft.png) no-repeat left bottom;
}
/* ----------------------- */
/* Highlight (hl)          */
/* ----------------------- */
table.hl{
	width:100%;
	margin:0;
	margin-top:20px;
	padding:0;
}
td#side table.hl{
	margin:10px 0;
}
table.hl td.hl_top{
	border-top:solid 1px #dbe6f7;
	background-color:#f2f8ff;
}
table.hl td.hl_top_right{
	height:5px;
	width:5px;
	background:url(img/hl/hlTopRight.png) no-repeat right top;
}
table.hl td.hl_top_left{
	height:5px;
	width:5px;
	background:url(img/hl/hlTopleft.png) no-repeat left top;
}
table.hl td.hl_center_left{
	border-left:solid 1px #dbe6f7;
	background-color:#f2f8ff;
}
table.hl td.hl_center{
	padding:0;
	background-color:#f2f8ff;
}
table.hl td.hl_center_right{
	border-right:solid 1px #dbe6f7;
	background-color:#f2f8ff;
}
table.hl td.hl_bottom{
	border-bottom:solid 1px #dbe6f7;
	background-color:#f2f8ff;
}
table.hl td.hl_bottom_right{
	height:5px;
	width:5px;
	background:url(img/hl/hlBottomRight.png) no-repeat right bottom;
}
table.hl td.hl_bottom_left{
	height:5px;
	width:5px;
	background:url(img/hl/hlBottomLeft.png) no-repeat left bottom;
}

/* ----------------------- */
/* Popup (popup)           */
/* ----------------------- */
/*div.popup{
}
div.popup td.input{	
	vertical-align:top;
	padding:0px;
	padding-bottom:5px;
}
div.popup td.label{	
	padding:3px 10px;
	padding-left:0;
	padding-top:7px;
	text-align:left;
	vertical-align:top;
	font-size:90%;
}
div.popup div.title{
}
div.popup div.body{	
	padding: 10px;
}
td.displayPropertiesCell{
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
}
td.imagePreviewCell img{
	border:solid 1px #dedede;
}
td.inputCell,
td.captionCell,
td.targetCheckBoxCell,
td.imagePropertiesCell,
td.moreOptionsCell{
	white-space:nowrap;
	padding:3px 0;
	padding-right:5px;
	vertical-align:top;
	color:#555555;
}
div.captionIndent,
div.fieldSeparator
{
	height:5px;
}
td.captionCell{
	padding-top:8px;
}
td.inputCell{
	float:right;
}
div.popup div.footer{
	background:#f3f3f3 url(img/formFooter.gif) repeat-x bottom;
	border: solid 1px #d9d9d9;
	padding-bottom:5px;
}
div.popup div.error{
	padding:5px;
	text-align:center;
	font-size:90%;
}*/


/* ----------------------- */
/* Help (help)             */
/* ----------------------- */
div#help
{
    padding:0 20px;
}
div#help td#side{
	padding: 0 10px 0 5px;
	width:300px;
}
div#help td#body{
	padding: 10px 20px;
	padding-bottom:50px;
	border: solid 1px #f2f2f2;
	background-color: #ffffff;
}
div#help table#layout
{
	width:100%;
	padding:0;
}
div#help td#side td.dxtcPageContent_Core{
	background-color:transparent;
	border:none!important;
}
td#side div.detail{
	padding:5px 10px;
}
td#side table.search{
	padding:10px;
}
td#side table.toc{
	padding:0;
	margin:0;
}
td#side table.toc td.image{
	width: 16px;
	padding:0;
	margin:0;
	padding-right: 5px;
	padding-top: 1px;
	vertical-align: top;
}
td#side table.toc td.body{
	padding:0;
	margin:0;
	line-height: 1.33em;
	vertical-align: top;
}
td#side table.toc td.body a{
	display:block;
	cursor:pointer;
}
