/*********************************
  AddPerformance - BackOffice Skin
**********************************/

/* UNIVERSAL */

html {}
body {background-color: #fff;}
#body {margin: 0;padding: 0; background-color: #a1a1a1;}

table, tr, td, p, div {font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.6em; color: #111111;}
a, a:link, a:visited, a:active{text-decoration: none; color: #f26522;}
a:hover{text-decoration: none; color: #f7941d;}

h1{color: #000000; font-size: 22px; font-weight: normal;}
h2{color: #000000; font-size: 18px; font-weight: bold;}
h3{color: #000000; font-size: 14px; font-weight: bold;}

.cleardiv{clear: both;}

/* LAYOUTING */

/* header */
.header{background: url(imgs/h_bg.jpg) top left repeat-x #d8d8d8; height: 86px; text-align: center;}
.header_width{ width: 970px; height: 80px; margin-left: auto; margin-right: auto; text-align: right; /*background: url(imgs/logo.jpg) top right no-repeat;*/}
.menuarea{width: 660px; float: left; text-align: left; margin-top: 35px; margin-left: -10px;}

/* menu */

/* Page Header */
.pageheader{height: 115px; background: url(imgs/pageheader_bg.jpg) top left repeat-x #19396c; text-align: center; overflow: auto;}
.pageheaderimg{background: url(imgs/pageh_bg.jpg) top center no-repeat; height: 115px;}
.pagetitle{width: 970px; margin-left: auto; margin-right: auto; text-align: left; }
.pagetitletxt{font-size: 30px; line-height: normal; color:#fff;}
.languagediv{width: 905px; margin-left: auto; margin-right: auto; text-align: right; height: 35px; background: url(imgs/flagbg.png) top right no-repeat; padding-right: 10px;}

/* Main Area */
.mainarea{background: url(imgs/content_top.jpg) top left repeat-x #ffffff; text-align: center;}
.mainareacontent{width: 970px; margin-left: auto; margin-right: auto; text-align: left;}
.mainarea_footertransition{background: url(imgs/content_bottom.jpg) bottom left repeat-x #fff; height: 56px;}

.mainarea_left{float: left;}
.mainarea_right{float: right;}

/* footer */
.footer {background: url(imgs/footer_bg.jpg) top left repeat-x #d2d2d2;text-align: center;}
.footercontent{width: 960px; margin-left: auto; margin-right: auto; }

.homefooter_pane1{background: url(imgs/home_footerboxbg1.jpg) top left no-repeat transparent; float: left; width: 289px; height: 190px; margin-bottom: 15px; margin-left: 10px;overflow: hidden;}
.homefooter_pane2{background: url(imgs/home_footerboxbg2.jpg) top left no-repeat transparent; float: left; width: 289px; height: 190px; margin-bottom: 15px; margin-left: 32px;overflow: hidden;}
.homefooter_pane3{background: url(imgs/home_footerboxbg3.jpg) top left no-repeat transparent; float: left; width: 289px; height: 190px; margin-bottom: 15px; margin-left: 32px;overflow: hidden;}

/* copyright area */
.copyrightbar{margin-left: auto; margin-right: auto; background-color: #a1a1a1; padding-top: 5px; height: 35px;}
.copyrightcontent{width: 970px; margin-left: auto; margin-right: auto;}
.loginarea{font-size:11px; color: #555; text-align:left; float: left; width: 33%;}
.copyright{font-size: 11px; color: #555; text-align: left; float: left;}
.developedby{text-align: right; font-size: 11px; color: #555; width: 33%; float:right;}

.loginlnk, a.loginlnk:link, a.loginlnk:active, a.loginlnk:visited, a.loginlnk:hover{color: #e0e0e0; text-decoration: none; cursor: pointer;}
.logofflnk, a.logofflnk:link, a.logofflnk:active, a.logofflnk:visited, a.logofflnk:hover{font-size: 16px; font-weight: bold; background-color: #eaeaea; border: 1px solid #ddd; padding: 5px 7px 5px 7px;}


/* breadcrums */
.bc{padding: 15px 0px 15px 0px;}
a.bclnk:link, a.bclnk:visited, a.bclnk:active, .bclnk{color:#888888; text-decoration: none; font-size: 11px;}
a.bclnk:hover{text-decoration: underline;}

/* top links */
a.toplnk:link, a.toplnk:visited, a.toplnk:active, .toplnk{color:#d4d4d4; text-decoration: none;}
a.toplnk:hover{text-decoration: underline;}
.toplnksep{color:#999999;}

/* Homepage */
.homepic_bg{background:url(imgs/homepic_bg.jpg) top left repeat-x #00265b; text-align: center;}
.homehighlight{background: url(imgs/home_pic.jpg) top no-repeat; height: 514px; margin-left: auto; margin-right: auto; text-align: center;}

.homehighboxes{width: 970px; margin-left: auto; margin-right: auto;}
.homeboxesspacer{height: 303px;}
.home_news{width: 245px; height: 160px; float: left; margin-left: 40px; text-align: left; overflow: auto; }
.home_products{width: 245px; height: 160px; float: left; margin-left: 75px; text-align: left; overflow: auto;}
.home_catalogue{width: 245px; height: 160px; float: left; margin-left: 78px; text-align: left; overflow: auto;}

.home_highlightpane_l{margin-top: 5px; height: 175px; overflow: auto;}
.home_highlightpane_m{margin-top: 5px; height: 175px; overflow: auto;}
.home_highlightpane_r{margin-top: 5px; height: 175px; overflow: auto;}

.home_highlightpane_title{color: #004788; text-transform: capitalize; padding: 10px 5px 5px 40px; height: 30px; vertical-align: middle; }
.home_highlightpane_photo{width: 100px; padding: 17px 0 0 12px;}
.home_highlightpane_photo img {border: 1px solid #ccc; background-color: #FFF;}
.home_highlightpane_content{padding: 10px 15px 0px 15px; color: #515151; }


/* content areas */
.mainpane{ vertical-align: top; padding-right: 10px;}
.sidepane{width: 300px; border-left: 1px solid #c0c0c0; vertical-align: top; padding-left: 10px;}
.contentpane{ vertical-align: top;}
.leftpane{width: 33%; vertical-align: top; padding-right: 10px;}
.centerpane{ vertical-align: top; padding: 0 10px 0 10px;}
.rightpane{width: 33%; vertical-align: top; padding-left: 10px;}

table.mainbox_table{margin-top: 5px;}
.mainbox_tl{background: url(imgs/mbox_tl.gif) bottom right no-repeat; width: 13px;}
.mainbox_t{background: url(imgs/mbox_t.gif) bottom left repeat-x;}
.mainbox_tr{background: url(imgs/mbox_tr.gif) bottom left no-repeat; width: 13px;}
.mainbox{padding: 0 10px 10px 10px;}
.mainbox_bl{background: url(imgs/mbox_bl.gif) bottom right no-repeat; width: 13px;}
.mainbox_b{background: url(imgs/mbox_b.gif) bottom left repeat-x #ebecec;}
.mainbox_br{background: url(imgs/mbox_br.gif) bottom left no-repeat; width: 13px;}
.mainbox_out{background: url(imgs/mbox_outb.gif) bottom left repeat-x;}

.leftbox{padding: 2px 15px 10px 15px;}
.rightbox{padding: 2px 15px 10px 15px;}

/* Rad.Menu Telerik */
.SelectedPathHeaderItemCss, .SelectedPathItemCss{color: #f26522 !important;}
.ItemFocussedCssClass{color: #f26522 !important;}

/* DNN Normals */
.NormalRed {color: #FF3300;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-weight: bold; font-size: 11px;}
.NormalBold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #555;}
.Normal {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333;}
.NormalTextBox {
	color: #555;
	padding-left: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	scrollbar-face-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #555;
	scrollbar-3dlight-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
}
td.NormalTextBox {padding: 0; margin: 0; background: transparent; visibility: invisible;}
.StandardButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #0582c5;
	border: 0px;
	padding: 2px 3px 2px 3px;
	border-right: 1px solid #406881; 
	border-left: 1px solid #88adc4;
	border-top: 1px solid #88adc4;
	border-bottom: 1px solid #406881;
	color: #fff;
	font-weight: normal;
	/*
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background: #8f160a;
	border-right: 1px solid #814040; 
	border-left: 1px solid #c48888;
	border-top: 1px solid #c48888;
	border-bottom: 1px solid #814040;
	color: #fff;
	font-weight: normal;*/
}

.CommandButton, a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active{color:#f26522; text-decoration: underline;}
a.CommandButton:hover{text-decoration: none;} 

.SubHead{color: #000000; line-height: 20px;}


















