@import url("css/menu.css");


/* ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}


/*.bread_bg{padding:0; margin: 0 19px 0 7px; background:url(images/bread_bg.png) repeat-x top left; height:34px;}
.bread_left{padding:0; margin:0; background:url(images/bread_left.png) no-repeat top left; height:34px;}
.bread_right{padding:0;  background:url(images/bread_right.png) no-repeat top right; height:34px;}
*/


/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:11px;}

/*------- hp section styles ----------*/

#header {
background-image:url(/images/hp/ruleWide.gif);
}


#content h1,
#sidebar h2 {
background-color:#85a5be;
background-image:url(/images/hp/h1Icon.gif);
}

h3 {
color:#0666b2;
}

#sidebar .DNNArticleListContent tr td  {
background-image:url(/images/hp/sidebarRule.jpg);
}

#homeFeatures {
height:188px;
background-image:url(/images/hp/verticalRuleSm.jpg);
background-repeat:no-repeat;
background-position:right top;
}

#homeFeatures .tdOuter {
background-image:url(/images/hp/verticalRuleSm.jpg);
background-repeat:no-repeat;
background-position:left top;
}

#homeFeatures th {
font-size:15px;
color:#0666b2;
}

/*-- products list page --*/

.productsList .c_content {
background-image:url(/images/hp/contentRule.jpg);
background-repeat:no-repeat;
background-position:left bottom;
padding-bottom:20px;
margin-top:18px;
}

.productSubMenuOuter {
border: 1px solid #5489B1;
}

.productListSubMenu {
border:1px solid #ffffff;
width:124px;
}

.productListSubMenu th {
background-color:#02335C;
border-bottom:1px solid #ffffff;
color:#ffffff;
text-align:left;
}

.productListSubMenu th a {
text-decoration:none;
}


#main .productListSubMenu th a:hover {
color:#cccccc;
}

.productListSubMenu td {
background-color:#5489B1;
color:#ffffff;
font-size:11px;
}

#main .productListSubMenu a,
#main .prodDetailsSub a {
color:#fff;
}

#main .productListSubMenu a:hover,
#main .prodDetailsSub a:hover,
#main .prodDetailsSub a.current {
color:#02335C;
}

.productListSubMenu ul {
margin:0;
padding-left:15px;
}

/* -- product details page -- */

.prodDetailsSubMenuOuter {
position:relative;
float:left;
width:140px;
font-size:11px;
line-height:15px;
background-color:#5489B1;
border:1px solid #5489B1;
margin-bottom:20px;
padding-top:0;
}

.prodDetailsSub {
position:relative;
float:left;
width:138px;
border:1px solid #fff;
}

#main .prodDetailsSubMenuOuter h2 {
background-color:#02335C;
border-bottom:1px solid #ffffff;
color:#ffffff;
text-align:left;
padding:5px 10px;
font-size:14px;
margin:0;
}

.productContent {
position:relative;
float:left;
width:320px;
margin-left:15px;
}

.productImage {
position:relative;
float:left;
width:270px;
clear:left;
}

.productImage img {
border:1px solid #0566B3;
}

#sidebar a.contactBtn {
margin-top:20px;
display:block;
width:270px;
background-color:#0566B3;
color:#fff;
text-decoration:none;
padding:4px;
}

#sidebar a.contactBtn:hover {
background-color:#4F92C9;
}

#sidebar a.contactBtn span {
display:block;
background-image:url(/images/contactArrowWhite.gif);
background-repeat:no-repeat;
background-position:235px center;
background-color:#045493;
padding:12px;
font-size:18px;
border:1px solid #4F92C9;
}

/*Form styles*/
#main a.genericButton, #main input.genericButton, input#SendRecipe {
background-color:#72bf44;
color:#ffffff;
background-image:url(/images/btnBkgdMed.jpg);
background-repeat:no-repeat;
padding:4px 0px;
font-weight:normal;
position:relative;
font-size:14px;
text-transform:uppercase;
text-align:center;
width:80px;
height:21px;
display:block;
text-decoration:none;
margin-left:166px;
}

/* Newsletter form button */

.OptInEmail_Link {
background-color:#72bf44;
color:#ffffff;
background-image:url(/images/btnBkgdMed.jpg);
background-repeat:no-repeat;
padding:4px 0px;
font-weight:normal;
position:relative;
font-size:14px;
text-transform:uppercase;
text-align:center;
width:80px;
height:21px;
display:block;
text-decoration:none;
margin-left:82px;
margin-top:10px;
}

#main a.genericButton:hover, #main input.genericButton:hover, .OptInEmail_Link:hover, input#SendRecipe:hover {
color:#888888;
cursor:pointer;
}

.pageContent p.sendVerification {
width:400px;
font-size:14px;
font-weight:bold;
margin:5px 0 0 20px;
color:#72bf44;
margin-left:166px;
}

.contactForm {
position:relative;
float:left;
clear:left;
width:480px;
margin-top:-5px;
margin-left:20px;
}

ul.formLayout {
margin:0px 0 0;
padding:0;
}

#main ul.formLayout li {
list-style-type:none;
margin:0px 0;
padding:0;
}

ul.formLayout li.noBottomMargin {
margin-bottom:0;
}

#main ul.formLayout li label {
display:block;
position:relative;
float:left;
text-align:right; 
padding-right:5px;
width:160px;
color:#72bf44;
font-weight:bold;
}

ul.formLayout li input {
width:290px;
font-size:11px;
}

ul.formLayout li textarea {
width:290px;
font-size:11px;
font-family:helvetica, arial, sans-serif;
}


ul.formLayout li .checkbox input {
width:10px;
}

.req {
color: #a90000;
padding-right:3px;
}

.validationMsg {
margin-left:165px;
}

.OptIn_QuestionsTable label {
display:block;
position:relative;
float:left;
text-align:right; 
padding-right:5px;
width:200px;
color:#72bf44;
font-weight:bold;
}

.OptIn_QuestionsTable input.OptIn_TextBox, .OptIn_QuestionsTable select {
width:290px;
font-size:11px;
}

.OptIn_QuestionsTable select {
width:297px;
font-size:11px;
}

TD span.CategoryTitle {
color:#72bf44;
font-weight:bold;
}

.formResultMsg {
display:block;
color:#a90000;
margin-left:164px;
margin-top:10px;
}

#main .pageContent .OptIn_ErrorMessage {
    color: red;
}

/* Login panel */

#dnn_ctr_Login_pnlLogin {
position:relative;
float:left;
height:502px;
margin-top:25px;
padding:10px;
background-color:#ffffff;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
