@import url("init.css");
@import url("fonts.css");
@import url("colors.css");
@import url("keytips.css");

/* Code allowing us to curve corners */
/*.curved {
-moz-border-radius:5px;
-webkit-border-radius:5px;
behavior:url(border-radius.htc);
}
*/

html, body {height:99%;width:100%;text-align:center;text-align:left}
table.wrapper {margin:auto;padding:auto;width:975px;text-align:center}
.body{height:80%;padding:0px;vertical-align:top}

/* Header || Banner */
.header{height:100%;text-align:left;vertical-align:top}
.banner {width:100%; height:78px}
.banner .rootmenu {padding-right:10px}
.logo {padding-left:10px;padding-right:10px;padding-top:10px;width:10%;text-align:left;vertical-align:top}
.title {height:90px;text-align:left;vertical-align:middle;x-visibility:hidden}
.description {vertical-align:middle;white-space:nowrap;padding:0px 10px 20px 0px;width:25%;text-align:right}
.description_nav_bot {vertical-align:middle;white-space:nowrap;text-align:right;padding-right:20px}
.description p {margin:0px 30px 10px 20px}
.rootmenu{vertical-align:top}

/* Site Search */
#search {margin:0px 0px 0px 0px; position:relative; top: 40px; left: -40px}
#dnn_dnnSEARCH_txtSearch {width:150px}
.searchBox {margin-bottom:15px;vertical-align:middle}
.searchBox label {display:block; margin-bottom:2px}
.searchCmd {display:inline-block;text-decoration:none;padding-left:35px;padding-top:0px; line-height:22px; height:22px;cursor:pointer}
.searchCmd a:hover {text-decoration:none}
.searchBox input {border:solid 1px #999;height:14px; line-height:14px;font-size:13px; padding:2px}

/* Content */
.contentwrapper{width:100%;margin:auto;position:relative}
.contentwrapper tr td {vertical-align:top}
.toppane {padding:5px 15px}
.pagetitle h1 {margin-left:15px;margin-bottom:8px}
.leftpanewrapper {height:500px;vertical-align:top}
.contentpane {padding:0px 15px 15px 15px;vertical-align:top}
.innerpane {width:200px;padding:0px 15px 10px 5px;vertical-align:top}
.rightpane {width:208px;padding:0px 10px 10px 15px;vertical-align:top}
.bottompane {padding:5px;vertical-align:top}

/* Root Menu */
.rootMenu_Item TD {border:0px;padding:7px 0px 3px 0px}
.rootMenu_Item .rootMenu_Icon {width:20px;display:none}
.rootMenu_ItemHover TD {border:0px;padding:7px 0px 3px 0px;cursor:pointer; text-decoration:none}

/* Root Bottom Menu */
.rootMenu_bot_Item TD {border:0px;padding:7px 0px 3px 0px}
.rootMenu_bot_Item .rootMenu_bot_Icon {width:20px;display:none}
.rootMenu_bot_ItemHover TD {border:0px;padding:7px 0px 3px 0px;cursor:pointer; text-decoration:none}
.MainMenu_MenuBreak {border:0px;padding:4px 3px 0px 3px}

/* Root Sub Menu */
.rootMenu_SubMenu {z-index:1;margin-top:0px;}
.rootMenu_SubMenu .rootMenu_Item TD {text-align:left;padding:5px 3px 5px 18px}
.rootMenu_SubItemHover {cursor:pointer}

/* Root  Bottom Sub Menu */
.rootMenu_bot_SubMenu {z-index:1;margin-top:0px;}
.rootMenu_bot_SubMenu .rootMenu_Item TD {text-align:left;padding:5px 3px 5px 18px}
.rootMenu_bot_SubItemHover {cursor:pointer}

/* 
	TAB MENU
	Use inline display because SolPart wraps html content with <img> spacer and &nbsp;
	Display format: <TD><DIVText</DIV></TD> 
*/
.tabmenu{position:relative;padding-left:0px;top:0px}
.tabMenu_SubMenu {visibility:hidden;z-index:0}
.tabMenu_Icon {display:none}
.tabMenu_Item TD {height:35px;padding-top:15px;border:0px}
.tabMenu_Item TD DIV {
	display:-moz-inline-block;	/*FF only*/
	display:inline-block;	/*All others*/
	*display:inline;	/*IE only*/
	*height:100%;	/*IE only*/
	padding-left:20px
	}
.tabMenu_Item TD DIV DIV {padding:8px 22px 10px 0px}

.tabMenu_ItemHover TD,.tabMenu_ItemActive TD {height:35px;padding-top:15px;border:0px}
.tabMenu_ItemHover TD DIV,.tabMenu_ItemActive TD DIV {
	display:-moz-inline-block;	/*FF only*/
	display:inline-block;	/*All others*/
	*display:inline;	/*IE only*/
	*height:100%;	/*IE only*/
	padding-left:20px;
	cursor:pointer
	}
.tabMenu_ItemHover TD DIV DIV,.tabMenu_ItemActive TD DIV DIV{padding:8px 22px 10px 0px}

x.tabMenu_Item span.imgSpacer {display:none}


/* Sub Menu - Left Pane */
.subMenu_Container {width:150px;border-collapse:separate;border-spacing:0px}
.subMenu_Item .subMenu_Icon {width:10px;display:none}
.subMenu_Item span.imgSpacer {display:none}
.subMenu_Item TD {padding:10px 5px 10px 10px;margin:0px;white-space:normal}
.subMenu_ItemHover span.imgSpacer {display:none}
.subMenu_ItemHover TD, .subMenu_ItemActive TD {padding:10px 5px 10px 10px;white-space:normal}
.subMenu_ItemHover {cursor:pointer}


/* Left Pane -Sub Menu */
.subMenu_SubMenu {z-index:1;margin-top:0px;padding:5px 0px 8px 0px}
.subMenu_SubMenu .subMenu_Item TD {text-align:left;padding:5px 10px 5px 10px;white-space:nowrap}
.subMenu_SubMenu .subMenu_ItemHover {cursor:pointer}
.subMenu_SubMenu .MainMenu_MenuArrow {display:none}
/* Footer */
.footer {height:50px; padding-left:10px; padding-top:20px; text-align:center}
.footer a:link, td.footer a:visited, td.footer a:active, .copyright {padding-right:10px}

/* DNN Global Settings */
p {margin:10px 0px 10px 0px}
h1,h2,h3 {margin:10px 0px 10px 0px}
ul li {
	margin-bottom:5px;
	margin-left:30px;
	list-style-type:square
}
ol li {
	margin-bottom:5px;
	margin-left:40px;
}
/* Tables */
.contentpane table tr td,
.innerpane table tr td,
.rightpane table tr td {
	padding:2px;
}

/* Collection Cart */
/*.checkout {border:0px}
.checkout .lftpanel .section {color:#333}
.checkout .lftpanel .body ul li.selected {border:0px}
.checkout .lftpanel div.title {height:0px !important}
.checkout .lftpanel {background:#cccc99; padding-right:0px}
.checkout .rgtpanel {padding-left: 20px}
.checkout .rgtpanel label {width:175px}
.checkout .rgtpanel div.title {visibility:visible; color:#000; height:25px; text-align:left; font-size: 16px}*/

/* Collection Cart */
.checkout {border:0px}
.checkout .lftpanel .section {}
.checkout .lftpanel .body ul li.selected {border:0px}
.checkout .lftpanel div.title {visibility:hidden;height:0px !important}
.checkout .lftpanel {padding-right:0px}
.checkout .rgtpanel {padding-left: 20px}
.checkout .rgtpanel label {width:175px}
.checkout .rgtpanel div.title {visibility:visible; height:25px; text-align:left; font-size: 16px}

/* Refunds */
.refund {border:0px}
.refund .lftpanel .section {}
.refund .lftpanel .body ul li.selected {border:0px}
.refund .lftpanel div.title {visibility:hidden;height:0px !important}
.refund .lftpanel { padding-right:0px}
.refund .rgtpanel {padding-left: 20px}
.refund .rgtpanel label {width:175px}
.refund .rgtpanel div.title {visibility:visible; height:25px; text-align:left; font-size: 16px}