@import url("Container.css");
@import url("EducationMenu.css");
/* CSS Document */

body{font:15px/18px Arial, Helvetica, sans-serif;margin:0;padding:0;}

.ClearFloat{clear:both;line-height:0;font-size:0;}
/*=====================================================================
General End Here
=====================================================================*/
.WrapperBG{ background:url(images/bg.jpg) 0 0 repeat-x #fff;}
.BGTable{ margin:0; padding:0; margin:0; padding:22px 0 0 0; background:url(images/bg2.jpg) 50% 0 no-repeat;}
.Container{	width:950px; margin:0 auto; padding:0; position:relative;}


/* Navigation panel start here */
.NavPane{ height:81px;}
.NavLeft{ float:left; width:17px; height:51px; background:url(images/nav-left.png) 0 0 no-repeat;position:relative;}
.NavRight{ float:right; width:17px; height:51px; background:url(images/nav-right.png) 100% 0 no-repeat;}
.NavMiddle{ float:left; width:916px;}
.NavInner{width:790px; height:41px; background:url(images/nav-bg.gif) 0 0 repeat-x; padding:0 0 0 126px; }
.NavBottom{ width:916px; height:40px; background:url(images/nav-bottom.png) 0 0 no-repeat;}
.NavContent{ float:right; width:500px; padding:6px 0 0 0;}
.NavLeftContent{ float:left; width:250px; position:relative!important; z-index:999!important;}

.FriendPanel{ float:right; width:130px; padding:0; margin:6px 0 0 0px;position:relative!important; z-index:993!important;}
.TopPanel{float:left; width:110px; padding:0; margin:6px 0 0 0;position:relative!important; z-index:992!important;}

.LogoPane{float:left; width:350px; margin:10px 0 10px 0;}
.SearchPane{ width:312px; height:36px; float:right;}
.SearchPane input{float:left; border:solid 1px #D0D0D0; background:url(images/search-bg.gif) 0 0 repeat-x; height:30px; width:200px; margin:2px 0 0 0;}
.SearchPane a{ display:block; float:left; margin:0 0 0 5px;} 

/*=====================================================================
TopMain Ends here
=====================================================================*/

/* ContentPane Start here */
.HeaderPane{margin:0 auto; width:916px;}
.HeaderTopCurve{ height:4px;}
.HeaderTL{ float:left; width:4px; height:4px; background:url(images/header-TL.png) 0 0 no-repeat;}
.HeaderTR{ float:right; width:4px; height:4px; background:url(images/header-TR.png) 0 0 no-repeat;}
.HeaderTopMiddle{ float:left; height:4px; width:908px; background-color:#fff;}
.HeaderMiddle{ background-color:#fff;}


.TopHeader{ padding:0 18px; background-color:#fff;}
.HeaderRight{ float:right; width:485px; margin:42px 0 0 0;}
.HeaderRightPane1{ float:left; width:240px;}
.HeaderRightPane2{ float:right; width:190px;}

.TopHeader table.ModuleTitle_SubMenu {z-index:58585858!important;}

.BodyPane{ margin:0; padding:0 7px 0 0;}

.LeftPane{ float:left; width:213px; margin:52px 0 0 0;}
.LeftTop{ position:absolute; top:-1px !important; left:0; width:213px; height:136px;  background:url(images/tag-top.png) 0 0 no-repeat; z-index:500;}
.LeftInner{ background-color:#21A2DB; padding:10px 0 15px 0; margin-top:2px;}

.RightPane{ float:right; width:702px;}
.RightPaneTopCurve{ height:10px; m}
.RightPaneTL{ float:left; width:10px; height:10px; background:url(images/body-LT.png) 0 0 no-repeat;}
.RightPaneTR{ float:right; width:10px; height:10px; background:url(images/body-RT.png) 0 0 no-repeat;}
.RightPaneTopMiddle{ float:left; height:10px; width:682px; background:url(images/body-top-middle.png) 0 0 repeat-x;}

.RightPaneInner{padding:0 15px;  background:url(images/body-middle.png) 0 0 repeat-y; }
.RightPaneInnerAdmin{padding:0 15px;  background:url(images/body-middleAdmin.png) left top repeat-y; }

.RightPaneBottomCurve{ height:10px;}
.RightPaneBL{ float:left; width:10px; height:10px; background:url(images/body-LB.png) 0 0 no-repeat;}
.RightPaneBR{ float:right; width:10px; height:10px; background:url(images/body-RB.png) 0 0 no-repeat;}
.RightPaneBottomMiddle{ float:left; height:10px; width:682px; background:url(images/body-bottom-middle.png) 0 0 repeat-x;}

.RightPaneAdmin{width:886px; margin:0 auto; padding:0 15px;}
.RightPaneAdminTop{ float:left; height:10px; width:866px; background:url(images/body-top-middle.png) 0 0 repeat-x;}
.RightPaneAdminBottom{ float:left; height:10px; width:866px; background:url(images/body-bottom-middle.png) 0 0 repeat-x;}



.ContentPane{ margin:0; padding:0 0 18px 0;}
.ContentPane2{ float:left; width:335px; margin:0 0 18px 0;}
.ContentPane3{ float:right; width:335px; margin:0 0 18px 0;}
.ContentPane4{ float:left; width:217px; margin:0 10px 0 0;}
.ContentPane5{ float:left; width:217px;}
.ContentPane6{ float:right; width:217px;}
.ContentPane7{ float:left; width:440px;}
/* ContentPane Ends here */

.LoginPane{text-align:center; color:#F1EFEF; padding:2px 0px 0px 0px;}


/* Footer Pane start here */
.FooterPane{ width:916px; margin:0 auto; padding:20px 0; text-align:center; }

.FooterLinksPane {text-align:center; color:#343434; padding:0 0 2px;} .FooterLinksPane p , .FooterLinksPane div , .FooterLinksPane a {text-align:center; color:#343434!important; font-size:12px; line-height:14px;} .FooterLinksPane a:hover {text-align:center; color:#21A2DB!important;}

/* Footer Pane ends here */

.BreadcrumbPane { padding:2px 0px 10px 0px;} 
.Breadcrumb {font-weight: normal;color: #7A011D;text-align:left;text-decoration:none; font-size:11px; vertical-align:top;font-family:Arial, Helvetica, sans-serif;}
A.Breadcrumb:link, A.Breadcrumb:visited, A.Breadcrumb:active {font-weight: normal;font-size:11px;color: #7A011D;text-align:left;text-decoration:none;}
A.Breadcrumb:hover {font-weight: normal;font-size:11px;color: #000000;text-align:left;text-decoration:none;font-family:Arial, Helvetica, sans-serif;}
/*=====================================================================*/
/* Skin Properties                                                     */
/*=====================================================================*/

/* Login hover styles*/
.Login,A.Login:link,A.Login:visited,A.Login:active {color:#F0F0F2; font-size:12px; font-weight: normal;text-decoration:none;}
A.Login:hover {color:#21A2DB!important;}

/* User hover styles*/
.User,A.User:link,A.User:visited,A.User:active {color:#343434; font-size:12px; font-weight: normal; text-decoration:none;}
A.User:hover {color:#21A2DB!important;}

/*Date Styles*/
.Date { color:#343434; font-size:11px; text-decoration:none;}

/* Footer text syle */
.Footer,A.Footer:link,A.Footer:visited,A.Footer:active {font-size:12px; font-weight:normal; color:#343434; text-decoration:none;}
A.Footer:hover {color:#21A2DB!important; text-decoration:none;}

/* Copyright text syle */
.Copyright,A.Copyright:link,A.Copyright:visited,A.Copyright:active {color:#343434; font-size:12px; 
line-height:14px; font-weight:normal;text-decoration:none;}
A.Copyright:hover {color: #21A2DB;}
/* Link Pane text syle */
.Link {	font-size: 12px; color: #343434;text-decoration:none;}
A.Link:link, A.Link:visited, A.Link:active {font-size: 12px;	color: #343434;	text-decoration:none;}
A.Link:hover {color: #21A2DB;}

/* Host Pane text syle */
.Host {	font-size: 12px; text-transform:uppercase;color: #343434;	text-decoration:none;}
A.Host:link, A.Host:visited, A.Host:active {font-size: 12px;color: #343434;	text-decoration:none;}
A.Host:hover {color: #21A2DB;}


/*=====================================================================*/
/* Template Text and Link Styles Based on Colors                       */
/*=====================================================================*/

/*ControlPanel*/ 
.ControlPanel { margin:10px auto!important; width:962px; border:2px solid #d6e3fa;}

/* Default font style Style */
body, html, TH, TD, td,  div , p, table { color: #343434;  font-size: 15px; line-height:18px; font-weight: normal; text-decoration: none; font-family:Arial, Helvetica, sans-serif;}
p { margin:0px; padding:0px 0px 15px 0px; color:#6B6B6B;}
td { text-align:left;}
/*Default List style */

ul{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; vertical-align:top;} 
li { list-style:none!important; padding:0px 3px 2px 0px; margin:0px 0px 0px 0px; vertical-align:middle; font-weight:normal;}
ol { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; vertical-align:top;} 
ol li {padding:0px 3px 2px 0px; margin:0px; list-style-type:decimal!important; list-style-image:none!important;}
img { border:none; outline:none;}
br { margin:0px; padding:0px; height:1px;}

/*.ContentMiddleLeft li, .ContentMiddleLeft h3{ color:#004278!important;}*/
/**/

/* Default link syle */
A:Link, A:Visited, A:Active {color: #83011F;text-decoration: none;font-family:Arial, Helvetica, sans-serif;}
A:Hover {color: #000009;text-decoration: none;font-family:Arial, Helvetica, sans-serif;}

/* Black (Default color) */
.Normal { color: #333333; font-family:Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; line-height:normal;}
A.Normal:link, A.Normal:visited, A.Normal:Active { color: #83011F; font-family:Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; text-decoration: none; }
A.Normal:Hover { color: #000009; font-family:Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; text-decoration: none; }

.NormalBold { color: #333333;  font-weight: bold;}
/*Extra Font color styles*/
/* Blue */
.NormalBlue { color: #09619a; font-weight: normal; }
.NormalBoldBlue { color: #09619a; font-weight: bold; }
/* Orange */
.TextOrange {color: #ef8029;}
.NormalOrange { color: #ef8029; font-weight: normal; }
.NormalBoldOrange { color: #ef8029; font-weight: bold; }
/* Green */
.TextGreen {color: #297808;}
.NormalGreen { color: #297808; font-weight: normal; }
.NormalBoldGreen { color: #297808; font-weight: bold; }
/* Red */
.NormalRed { color: #a9000d; font-weight: normal; }
.NormalBoldRed { color: #a9000d; font-weight: bold; }
/* Gray */
.NormalGray { color: #707070; font-weight: normal; }
.NormalBoldGray { color: #707070; font-weight: bold; }

/* dnnspecial */
.dnnspecial {color: #fff;font-family:Arial, Helvetica, sans-serif;font-size: 24px;font-weight: normal;line-height:normal;text-align: center;}
A.dnnspecial:link, A.dnnspecial:visited, A.dnnspecial:Active {color: #fff;font-family:Arial, Helvetica, sans-serif;font-size: 24px;	font-weight: normal;text-decoration: underline;	text-align: center;}
A.dnnspecial:Hover {color: #fff;font-family:Arial, Helvetica, sans-serif;font-size: 24px;font-weight: normal;text-decoration: none;text-align: center;}
/*=====================================================================*/
/* Template Text Headings                                              */
/*=====================================================================*/
/* H1 */H1 { color: #999999; font-size: 20px; font-weight:normal; padding:0px 0px 5px 0px; margin:0px 0px; line-height:normal;font-family: Arial, sans-serif;;}
/* H2 */H2 { color: #999999; font-size: 18px; font-weight: normal; padding:0px 0px 5px 0px; margin:0px; line-height:normal; font-family: Arial, sans-serif;}
/* H3 */H3 { color: #999999; font-size: 16px; font-weight: bold; padding:0px 0px 5px 0px; margin:0px; line-height:normal; font-family: Arial, sans-serif;}
/* H4 */H4 { color: #999999; font-size: 14px; font-weight: bold;  padding:0px 0px 5px 0px; margin: 0px 0px; line-height:normal;font-family: Arial, sans-serif;}
/* H5 */H5 { color: #999999; font-size: 13px; font-weight: bold;  padding:0px 0px 5px 0px; margin:0px; line-height:normal;font-family: Arial, sans-serif;}
/* H6 */H6 { color: #999999; font-size: 12px; font-weight: normal; padding:0px 0px 5px 0px; margin:0px; line-height:normal; font-family: Arial, sans-serif;}
/*Small*/small {font-size: 11px;}
/*=====================================================================*/
/* Module Classes                                                      */
/*=====================================================================*/
/* Default Container Title Style */
.Head { color: #333333; font-size: 13px; font-weight: bold; text-decoration: none;font-family:Arial, Helvetica, sans-serif; }
A.Head:Link, A.Head:Visited, A.Head:Active { color: #83011F; font-size: 13px; font-weight: bold; text-decoration: none; }
A.Head:Hover { color: #000009;}

/* SubHead */
.SubHead { color: #333333; font-size: 12px; font-weight: bold; text-decoration: none;font-family:Arial, Helvetica, sans-serif; }
A.SubHead:Link, A.SubHead:Visited, A.SubHead:Active { color: #83011F; font-size: 12px; font-weight: bold; text-decoration: none; }
A.SubHead:Hover { color: #000009;}

/* Module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead { color: #333333;font-weight: bold; text-decoration: none; text-transform:uppercase; font-size: 11px; font-family:Arial, Helvetica, sans-serif;}
A.SubSubHead:Link, A.SubSubHead:Visited,  A.SubSubHead:Active { color: #83011F; font-size: 11px; font-weight: bold; text-decoration: none; }
A.SubSubHead:Hover{color: #000009;}

/* Text style for skin objects */
.SkinObject { color: #333333; font-size: 11px; font-weight: normal; text-decoration: none; font-family:Arial, Helvetica, sans-serif;}
A.SkinObject:Link, A.SkinObject:Visited, A.SkinObject:Active { color: #83011F; font-size: 11px; font-weight: normal; text-decoration: none; }
 A.SkinObject:Hover {color: #000009;}
/*=====================================================================*/
/* Input and Other Admin Site Styles                                   */
/*=====================================================================*/
/* Normal Text Box */
.NormalTextBox { color: #333333; background:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; vertical-align: middle; border: 1px solid #bec0bb;}
td.NormalTextBox , span.NormalTextBox, table.NormalTextBox {background:none;border:none;}

/* Admin link styles */
A.CommandButton:Link, A.CommandButton:Visited, A.CommandButton:Active {font-family:Arial, Helvetica, sans-serif; color:#83011F; font-size: 13px; cursor:pointer; font-weight: bold; text-decoration: none; background: none; border:none; padding:2px 3px 3px 4px; height: 20px; }
A.CommandButton:Hover {font-family:Arial, Helvetica, sans-serif; color:#000009; font-size: 13px; font-weight: bold; text-decoration: none; cursor:pointer; background:none; border:none; padding:2px 3px 3px 4px; height: 20px; }

/* button style for standard HTML buttons */
.StandardButton, A.StandardButton:Link, A.StandardButton:Visited, A.StandardButton:Active {font-family:Arial, Helvetica, sans-serif; color:#83011F; cursor:pointer; font-size: 13px; font-weight: bold; text-decoration: none; background:none; border:none; padding:2px 3px 3px 4px; height: 20px; }
A.StandardButton:Hover {font-family:Arial, Helvetica, sans-serif; color:#000009; font-size: 13px; font-weight: bold; text-decoration: none; cursor:pointer; background:none; border:none; padding:2px 3px 3px 4px; height: 20px; }

/* New DataGrid DNN Class used in Admin interface */
.DataGrid_Header { color: #000000; font-weight: bold; text-decoration: none; font-family:Arial, Helvetica, sans-serif;}
.DataGrid_AlternatingItem { color: #333333;  font-weight: normal; text-decoration: none; font-family:Arial, Helvetica, sans-serif;}
.DataGrid_Item { color: #000000; font-weight: normal; text-decoration: none;font-family:Arial, Helvetica, sans-serif; }
/*=========================================================================================================================================================================================================================================================================================================================================================*/
/* Module Action Menus */
.ModuleTitle_SubMenu{border-width:1px 1px 0px 1px; border-style:solid; border-color:#a8c4d6;}
.ModuleTitle_SubMenu table {padding:0px; border:0px; position:absolute; margin:0px;} 
.ModuleTitle_SubMenu td span { padding:4px 8px 4px 4px;}
.ModuleTitle_SubMenu td{background:#d3dfea;	white-space: nowrap; padding:0px;border-top:1px solid #e9f1f8;border-bottom:1px solid #a8c4d6;color:#345c81!important;} 
.ModuleTitle_MenuIcon {background:#d3dfea; padding:3px;}
.ModuleTitle_MenuItem {background:#dde9f1;}
td.ModuleTitle_MenuItemSel , .ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon{background: #345c81;color: #fff!important;}
.ModuleTitle_MenuBreak { display:none;}
.ModuleTitle_MenuBreak .ModuleTitle_MenuIcon{height:1px;background: #f8f4e6; display:block;}
.ModuleTitle_SubMenu td span { padding:4px 8px 4px 4px;}/*
/**/
/*Link Module Styles*/

/*========= Page styles ==============*/

/*Link Module Styles*/
.LinksDesignTable {}
.LinksDesignTable td { width:165px;/* background:url(images/arrow-icon.gif) 100% 50% no-repeat;*/ padding:0 0 0 13px;}
.LinksDesignTable a{ line-height:24px; color:#fff !important; text-decoration:underline !important; }
.LinksDesignTable a:hover, .LinksDesignTable a:active{ text-decoration:none !important;}

/*Sidemenu Links*/
.LeftSideMenu{ width:165px;padding:0 0 0 13px;}
.LeftSideMenu a		  { font-size:13px!important;display:block;line-height:24px; color:#fff !important; text-decoration:underline!important;}
.LeftSideMenu a:hover {text-decoration:none !important;}

p.freeShiping{ font-weight:normal; font-size:16px; line-height:20px; color:#000; padding:6px 0 0 0!important;}
p.freeShiping span{ text-transform:uppercase; color:#157AB9;}
p.freeShiping a{ color:#157AB9; text-decoration:underline; }
p.freeShiping a:hover{ text-decoration:none; }

/* Btn Style */
a.btnBg{ display:block; width:175px; height:31px; background:url(images/btn-left.gif) left top no-repeat; padding:0 0px 0px 10px; font-size:15px;color:#435F69!important;margin-left:12px!important;}
a.btnBg span{background:url(images/btn-right.gif) right top no-repeat;padding:8px 10px 8px 0px; display:block;}
a:hover.btnBg{ color:#21A2DB !important;}

img.faceBook{ margin:10px 25px 0 0;}
img.twitter{ margin:10px 0 0 0;}
.center{ text-align:center; padding:0 0 12px 0!important;}
p.newItem{ font-size:16px!important; line-height:20px!important; color:#157AB9 !important; text-align:center;}

.Engage_TellAFriendContent a{
	line-height:29px; color:#4CE6FF !important;
}
.Engage_TellAFriendContent a:hover{
	color:#000 !important;
}

div.quickShiping{ width:190px; height:52px; background:url(images/shiping-bg.gif) 0 0 no-repeat;}
div.quickShiping a{ display:block; width:160px; height:38px; background:url(images/shiping-text.png) 15px 8px no-repeat; text-indent:-5000px; padding:8px 0 0 15px;}

/* Style for Header IP */
.headerIP{ width:204px; height:136px; background:url(images/header-IP.jpg) 0 0 no-repeat; padding:23px 30px 0 438px;}
.headerIP h2{color:#FFF; font-size:25px; font-style:normal; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; /* background:url(images/header-logo.png) 0 0 no-repeat; padding:0 0 17px 0; */}
.headerIP p, .headerIP div { font-size:13px; line-height:18px; color:#fff; padding:0 0 13px 0;}
.headerIP a{ display:block; width:56px; height:22px; text-align:center; line-height:22px; font-size:12px; font-weight:bold; color:#fff; background:url(images/more-bg.png) 0 0 no-repeat;}
.headerIP a:hover{color:#000;}

p.order{ font-weight:bold; font-size:18px; color:#3DB5E5;}
p span.color{ color:#3DB5E5; font-size:18px;}
p span.black{ color:#3E3E3E; font-size:20px;}


/*Styles for Buttons */
/*Styles for Button links*/
.FloatLeft { float:left; clear:both; overflow:hidden;}
.FloatRight { float:right; clear:both; overflow:hidden;}
.OverFlow{ overflow:hidden; padding:2px 0px; text-align:center; clear:both;}
.NoFloat { float:none; margin:auto; min-width:100px; overflow:hidden; clear:both;}

/*Engage_TellAFriend Button*/
.Engage_TellAFriendContent { padding-top:0px!important;}
.taf-anchor a.CommandButton , a.ButtonPink { background:url(images/ButtonPink.png) top left no-repeat!important; display:block; width:100px!important; padding:0px 5px!important; height:29px!important; text-align:center!important;
color:#fff !important;font-size:12px!important; line-height:29px!important; font-weight:bold; overflow:hidden;}
.taf-anchor a:hover.CommandButton , a:hover.ButtonPink { color:#ffd4ed!important;}

/*Green Button*/
a.ButtonGreen { background:url(images/ButtonGreen.png) top left no-repeat!important; width:120px!important; display:block; padding:0px 5px!important; height:29px!important; text-align:center!important;
color:#fff !important;font-size:12px!important; line-height:29px!important; font-weight:bold; overflow:hidden;}
a:hover.ButtonGreen { color:#e0fcb7!important;}