/* styles for data driven classroom css skin */
/* by tyler fawcett - may 2009 */
/* http://tfdnn.com, http://tylerfawcett.com */


/* universal */
html {padding: 0; margin: 0; height: 100%;}
html * {outline: 0 none;}
body#Body {padding: 0; margin: 0 auto;}
body {text-align: left; margin: 0 auto; padding: 0; background: #fff;}
div, span, p, input, ul, li, table, tr, td, textarea, .Normal, h1, h2, h3, h4, h5, h6 {font-family: tahoma, sans-serif; line-height: 1.4em;}
.clear {clear: both;}
.hidden {display: none;}


/* page structure */
div#wrap-outer {width: 100%; text-align: center;}
div#wrap-inner {margin: 0 auto; text-align: left; width: 974px;}
div#header-row {padding: 0 4px 10px 4px;}
div.dnn-logo {float: left; margin: 15px 0 0 0;}
div.header-content {float: right; text-align: right;}
div.header-pane {text-align: left;}
div#menu-row {height: 40px; background: url(img/menu_bg.png) repeat-x; position: relative; top: 0; left: 0;}
div.menu-edge-left {position: absolute; top: 0; left: 0; width: 11px; height: 40px; background: url(img/menu_bg_left.png) no-repeat;}
div.menu-center {position: absolute; top: 2px; left: 11px; border-left: 1px solid #083c7b; border-right: 1px solid #1f75ae;}
div.menu-center * {z-index: 1000;}
div.menu-edge-right {position: absolute; top: 0; right: 0; width: 11px; height: 40px; background: url(img/menu_bg_right.png) no-repeat;}
div#breadcrumb-row {height: 31px; background: url(img/breadcrumb_bg.png) repeat-x; position: relative; top: 0; left: 0; z-index: -1000;}
div.breadcrumb-content-left {position: absolute; top: 7px; left: 13px; font-size: 10px; color: #fff;}
div.breadcrumb-content-right {position: absolute; top: 7px; right: 13px; text-align: right; font-size: 10px; color: #fff;}
div.breadcrumb-edge-left {position: absolute; top: 0; left: 0; width: 11px; height: 31px; background: url(img/breadcrumb_bg_left.png) no-repeat;}
div.breadcrumb-edge-right {position: absolute; top: 0; right: 0; width: 11px; height: 31px; background: url(img/breadcrumb_bg_right.png) no-repeat;}
div#content-row {width: auto; padding: 10px 2px 30px 2px; zoom: 1;} /* zoom attribute sets hasLayout to True for IE7/8 and prevents 100% width tables from bleeding */
table.contentTable {width: 100%;}
div#footer-row {padding: 0 4px;}
.login-dnn {float: left; padding: 20px 5px 0 0;}
div.footer-border {border-top: 1px dotted #c1c1c1; text-align: center;}
div.footer-dots {margin: 0 auto; width: 70px; height: 17px; background: url(img/footer_dots_letters.png) #fff top center no-repeat; position: relative; left: 0; top: -10px; z-index: 10;}
div.footer-content {margin: 0 auto; padding-bottom: 20px; text-align: center; font-size: 11px;}


/* content panes */
td.contentPaneTop {}
td.contentPaneLeft {width: 25%; padding-right: 10px;}
td.contentPaneCenter {width: auto;}
td.contentPaneRight {width: auto; padding-left: 10px;}
td.contentPaneNarrowLeft {width: 25%; padding-right: 10px;}
td.contentPaneWideCenter {width: auto;}
td.contentPaneNarrowRight {width: 25%; padding-left: 10px;}
td.contentPaneBottom {}


/* dnn control panel */
table.ControlPanel {width: 100%; border: 0 none; border-bottom: 1px dotted #c1c1c1; margin: 0 auto;}
.widthFull table.ControlPanel {width: 980px;}
table.ControlPanel table input {margin-left: 10px; margin-right: 2px;}
table.ControlPanel table table input {margin: 0;}
table.ControlPanel td {padding: 0 6px 10px 6px;}
table.ControlPanel td td {padding: 0px 0 2px 0; background: transparent;}
table.ControlPanel td td.SubHead {padding: 3px 0 0px 0; background: #fff;}
table.ControlPanel td td td.SubHead {background: transparent; border: 0;}
table.ControlPanel td td {vertical-align: middle;}
table.ControlPanel table {width: 60%; margin: 0 auto;}
table.ControlPanel table table table {width: auto; margin-bottom: 0;}
table.ControlPanel table td {padding: 5px 0 0 0;}
table.ControlPanel * {font-family: tahoma, sans-serif; font-size: 11px;}
table.ControlPanel a, table.ControlPanel a.CommandButton {font-size: 11px; font-weight: bold; color: #cf7c14;}


/* text */
.copyrightText {font-size: 11px; color: #111; font-weight: normal; display: block; margin-bottom: 4px;}
.currentDate {font-size: 10px; color: #fff; font-weight: normal;}
h1, h2, h3, h4, h5, h6 {color: #111;}
.Normal {font-size: 12px; color: #111;}
.NormalBold {font-size: 12px; color: #111; font-weight: bold;}
.Head {font-size: 14px; font-weight: bold;}
.SubHead {color: #111; font-size: 12px;}
.SubSubHead {color: #111; font-size: 12px; border-bottom: 1px dotted #ccc; margin-top: 1.5em;}
tr.DataGrid_Header td {font-size: 12px; font-weight: bold;}
tr.DataGrid_Item td {font-size: 12px;}
tr.DataGrid_AlternatingItem td {font-size: 12px;}


/* links */
a:link, a:active, a:visited, a:hover, a.Normal:link, a.Normal:active, a.Normal:visited, a.Normal:hover {color: #cf7c14; text-decoration: underline;}
a:hover, a.Normal:hover {color: #cf7c14; text-decoration: none;}
a.loginLink:link, a.loginLink:active, a.loginLink:visited, a.loginLink:hover {color: #cf7c14; font-size: 12px; font-weight: bold; text-decoration: none;}
a.loginLink:hover {color: #cf7c14; text-decoration: underline;}
a.footerLink:link, a.footerLink:active, a.footerLink:visited, a.footerLink:hover {font-size: 11px; text-decoration: none; color: #cf7c14; font-weight: bold;  line-height: 1.5em;}
a.footerLink:hover {color: #cf7c14; text-decoration: underline;}
a.breadcrumbLink:link, a.breadcrumbLink:active, a.breadcrumbLink:visited, a.breadcrumbLink:hover {color: #fff; text-decoration: none; font-weight: bold;}
a.breadcrumbLink:hover {color: #fff; text-decoration: underline;}
a.CommandButton:link, a.CommandButton:active, a.CommandButton:visited, a.CommandButton:hover {color: #cf7c14; text-decoration: underline; font-weight: bold; font-size: 12px;}
a.CommandButton:hover {color: #cf7c14; text-decoration: none;}




/* for the search text field */
#searchField {font-size: 12px; padding: 0;}
#searchField a, #searchField img {border: 0; outline: 0 none;}
.dnnSearch {float: right; border: 0; background: url(img/search_btn.gif) top left no-repeat; height: 23px; width: 53px; padding: 0; margin: -23px 0 0 5px; display: block;}
#searchField .NormalTextBox {width: 155px; margin-top: 6px; padding: 4px 3px 2px 3px; color: #333; background: #f8f8f8; border-top: 1px solid #aeaeae; border-right: 1px solid #f7f7f7; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #c3c3c3; font-size: 12px; font-family: arial, sans-serif;}




.MainMenu_MenuContainer {background: transparent; width: 1px; height: 29px;}
.MainMenu_MenuContainer td {font-size: 0px; font-weight: normal;}
.MainMenu_MenuBar {}
.MainMenu_MenuIcon {display: none;}
.MainMenu_RootMenuArrow {display: none;}
.MainMenu_MenuArrow {display: none;}
.MainMenu_MenuBreak {display: block; border: 0 none;}
.ModuleTitle_MenuItemSel {background-color: transparent;}
.MainMenu_MenuItemSel {background-color: transparent;}
.MainMenu_MenuItem {font-family: tahoma, sans-serif; font-size: 11px; font-weight: normal; color: #444; background: transparent; padding: 2px 10px 3px 4px; border: 1px solid #f8f8f8;}


/* submenu items */
div.submenucontainer {z-index: 1000; margin: 2px 0px 0px 1px; background-color: #f8f8f8; border: 1px solid #ddd; padding: 1px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=3);}
.submenuitemselected {font-size: 11px; font-weight: normal; padding: 2px 10px 3px 4px; margin: 0px; background: #e8e8e8; border: 1px solid #ddd; color: #333;}
html body .colorTwilight .submenuitemselected {color: #fff; background: #2c4d89;}

.rootmenuitem td,
.rootmenuitemselected td,
.rootmenuitembreadcrumb td {padding: 0; margin: 0; font-size: 8px; _font-size: 1px; _line-height: 14px;}

/* css hack for ie7 only */
html>body .rootmenuitem td,
html>body .rootmenuitemselected td,
html>body .rootmenuitembreadcrumb td {*font-size: 4px;}

.rootmenuitem td div,
.rootmenuitemselected td div,
.rootmenuitembreadcrumb td div {margin: 0; padding: 0;}

.rootmenuitem td div div,
.rootmenuitemselected td div div,
.rootmenuitembreadcrumb td div div {margin: 0; padding: 0 7px 0 7px; margin: -5px 0 -17px 0; _margin: -13px 0;}

.rootmenuitem td div div div,
.rootmenuitemselected td div div div,
.rootmenuitembreadcrumb td div div div {padding: 8px 10px 9px 9px; line-height: 11px; margin: -5px 0 -17px 0; _margin: -13px 0; font-size: 12px; font-weight: bold;}



/* idle */
.rootmenuitem td div div div {color: #333; background: url(img/spacer.gif);}

/* hover */
.rootmenuitemselected td div {background: url(img/menu_over_right.gif) top right no-repeat;}
.rootmenuitemselected td div div {background: url(img/menu_over_left.gif) top left no-repeat;}
.rootmenuitemselected td div div div {color: #111; background: url(img/menu_over_bg.gif) repeat-x;}

/* selected */
.rootmenuitembreadcrumb td div {background: url(img/menu_on_bgm_right.gif) top right no-repeat;}
.rootmenuitembreadcrumb td div div {background: url(img/menu_on_bgm_left.gif) top left no-repeat;}
.rootmenuitembreadcrumb td div div div {color: #fff; background: url(img/menu_on_bgm.gif) top repeat-x; line-height: 11px;}



/* Module Menus ------------------------ */

.ModuleTitle_MenuContainer {}
.ModuleTitle_MenuBar {}
.ModuleTitle_MenuItem {font-family: arial, sans-serif; font-size: 11px; color: #222; font-weight: normal;	background: #f7f7f7; border: #f7f7f7 1px solid;	padding: 1px 10px 2px 0px;}
.ModuleTitle_SubMenu {z-index: 1000; margin: 1px 0px 0px 0px; background-color: #f7f7f7; border: 1px solid #ccc; padding: 0px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3);}
.ModuleTitle_MenuItemSel {font-family: arial, sans-serif; font-size: 11px; font-weight: normal; color: #111; background: #ddd; border-left: #ddd 1px solid; border-right: #ddd 1px solid; padding: 1px 10px 2px 0px;}
.ModuleTitle_MenuIcon {border: 0 none; padding: 0 3px 0 3px;}
.ModuleTitle_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow {display: none;}


.hidden {display: none;}
.ctrClear {clear: both;}


/* Basic */
.basicWrap {margin: 12px 12px 10px 12px; text-align: left;}
.basicHeader {}
.basicTitle {margin: 0; padding: 0;}
.basicTitle .Head {font-size: 17px; color: #111; font-weight: bold; line-height: 1.1em; font-family: tahoma, sans-serif; padding: 0; margin: 0; vertical-align: top;}
.basicContent {text-align: left; padding-top: 8px;}
.basicMenu {float: right;}
.basicActionButtons {text-align: right; margin: 10px 0 0 0;}
.basicVisibility {float: right; margin: 3px 0 0 0;}


/* bottom gradient box */
div.ddc_Co {margin: 0 0 15px 0; padding: 0;}
div.ddc_Co_top, div.ddc_Co_top b, div.ddc_Co_bottom, div.ddc_Co_bottom b, div.ddc_Co_middle_inner {background: url(img/bottom_gradient.png); zoom: 1;}
div.ddc_Co_top {height: 6px; background-position: top left; font-size: 1px;}
div.ddc_Co_top b {height: 6px; width: 6px; background-position: top right; float: right;}
div.ddc_Co_middle_outer {border-left: 1px solid #dedede; border-right: 1px solid #dedede;}
div.ddc_Co_middle_inner {background: url(img/bottom_gradient_center.png) bottom repeat-x; padding: 4px 12px 0px 12px;}
div.ddc_Co_bottom {height: 12px; background-position: bottom left;}
div.ddc_Co_bottom b {height: 12px; width: 6px; background-position: bottom right; float: right; font-size: 1px;}

div.ddc_Co_header {position: static; top: 0; left: 0; width: 100%;}
div.ddc_Co_title {}
div.ddc_Co_title h2 {margin: 0; padding: 2px 0 2px 0; line-height: 1em;}
div.ddc_Co_title h2 .Head {font-size: 14px;}
div.ddc_Co_visibility {float: right; font-size: 10px; margin-top: -22px;}
div.ddc_Co_actions {float: right; margin-right: 10px;}
div.ddc_Co_content {padding: 5px 0 5px 0;}
div.ddc_Co_footer {text-align: right; font-size: 1px;}


/* top gradient */
div.topGradient div.ddc_Co_top, div.topGradient div.ddc_Co_top b, div.topGradient div.ddc_Co_bottom, div.topGradient div.ddc_Co_bottom b, div.topGradient div.ddc_Co_middle_inner {background-image: url(img/top_gradient.png); zoom: 1;}
div.topGradient div.ddc_Co_middle_inner {background: url(img/top_gradient_center.png) top repeat-x;}


/* white rounded */
div.whiteRounded div.ddc_Co_top, div.whiteRounded div.ddc_Co_top b, div.whiteRounded div.ddc_Co_bottom, div.whiteRounded div.ddc_Co_bottom b, div.whiteRounded div.ddc_Co_middle_inner {background-image: url(img/white_rounded.png); zoom: 1;}
div.whiteRounded div.ddc_Co_middle_inner {background: #fff;}


/* gray rounded box */
div.grayRounded div.ddc_Co_top, div.grayRounded div.ddc_Co_top b, div.grayRounded div.ddc_Co_bottom, div.grayRounded div.ddc_Co_bottom b, div.grayRounded div.ddc_Co_middle_inner {background-image: url(img/gray_rounded.png); zoom: 1;}
div.grayRounded div.ddc_Co_middle_inner {background: #fafafa;}




/* Common CSS */

.RadMenu
{
	white-space:nowrap;
	float:left;
	position:relative;
}

.RadMenu .rmRootGroup
{
	margin:0;
	padding:0;
	position:relative;
	left:0;
	display: inline-block;
}

* html .RadMenu .rmRootGroup { float: left; }

.RadMenu:after,
.RadMenu .rmRootGroup:after
{
    content:""; 
    display:block;
    height:0;
    overflow: hidden;
    line-height:0;
    font-size:0;
    clear:both;
    visibility:hidden;
}

.RadMenu ul.rmVertical,
.rmRootGroup ul.rmHorizontal,
.RadMenu_Context ul.rmHorizontal
{
	margin:0;
	padding:0;
	display:none;
	position:relative;
	left:0;
	float:left;
}

.rmSized ul.rmVertical
{
	width: 100%;
}

.rmSized ul.rmRootGroup
{
	float: none;
}

.rmSized .rmRootGroup .rmVertical
{
	width: auto;
}

.RadMenu .rmItem
{
	float:left;
	position:relative;
	list-style-image: none;
	list-style-position:outside;
	list-style:none;	
}

* html .RadMenu .rmItem
{
	display:inline;
}

.RadMenu .rmHorizontal .rmItem
{
	clear:none;
}

.RadMenu .rmVertical .rmItem
{
	clear:both;
}

.rmSized .rmVertical .rmItem
{
	width: 100%;
}

.rmSized .rmHorizontal .rmItem,
.rmSized .rmRootGroup .rmVertical .rmItem
{
	width: auto;
}

.RadMenu ul.rmActive,
.RadMenu ul.rmRootGroup
{
	display:block;
}

.RadMenu .rmSlide, 
.RadMenu_Context
{
	position:absolute;
	overflow:hidden;
	display:none;
	float:left;
}

* html .RadMenu .rmSlide, 
* html .RadMenu_Context
{
	height:1px;
}

.RadMenu_Context
{
	z-index:1000;
	overflow:visible;
}

.RadMenu .rmText
{
	display:block;
}

.RadMenu div.rmText /*templates*/
{
	white-space:normal;
	background: transparent;
}

.RadMenu a.rmLink
{
	cursor:default;
	display:block;
}

.rmScrollWrap
{
	position:absolute;
	float:left;
	overflow:hidden;
	left:0;
}

.RadMenu .rmLeftArrow,
.RadMenu .rmTopArrow,
.RadMenu .rmBottomArrow,
.RadMenu .rmRightArrow
{
	position:absolute;
	z-index:2000;
	text-indent:-1000em;
	font-size: 0;
	line-height: 0;
	outline: 0;
	overflow: hidden;
}

.RadMenu .rmLeftArrowDisabled,
.RadMenu .rmTopArrowDisabled,
.RadMenu .rmBottomArrowDisabled,
.RadMenu .rmRightArrowDisabled
{
	display:none;
	text-indent:-1000em;
	font-size: 0;
	line-height: 0;
}

.RadMenu .rmBottomArrow,
.RadMenu .rmBottomArrowDisabled
{
	margin-bottom: -1px;
}

.RadMenu .rmLeftImage
{
	border:0;
	float:left;
}

.RadMenu_rtl
{
	float:right;
	text-align: right;
}

.RadMenu_rtl ul.rmHorizontal,
.RadMenu_rtl ul.rmVertical
{
	float:right;
}

.RadMenu_rtl .rmItem
{
	float:right;	
}

.RadMenu_rtl .rmLeftImage,
.RadMenu_Context_rtl .rmLeftImage
{
	border:0;
	float:right;
}

.RadMenu_rtl .rmLeftArrow,
.RadMenu_rtl .rmTopArrow,
.RadMenu_rtl .rmBottomArrow,
.RadMenu_rtl .rmRightArrow,
.RadMenu_rtl .rmLeftArrowDisabled,
.RadMenu_rtl .rmTopArrowDisabled,
.RadMenu_rtl .rmBottomArrowDisabled,
.RadMenu_rtl .rmRightArrowDisabled
{
	text-indent:1000em !important;
}

.RadMenu .rmLink
{
	width:auto;
}

.RadMenu .rmSeparator,
.RadMenu .rmSeparator:after
{
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

.RadMenu div.rmRootGroup
{
    position: relative;
}
/* <base styles> */

.RadMenu .rmItem
{
	padding: 0;
}

.RadMenu .rmLink
{
	padding: 0 0 0 12px;
	outline: 0;
	float: left;
}

.RadMenu .rmText
{
	padding-bottom: 1px;
	float: left;
}

/* optimized for 16x16 */
.RadMenu .rmLeftImage
{
	margin: 4px 2px 0 -3px;
	padding-bottom: 4px;
}

.RadMenu .rmVertical .rmLeftImage+.rmText
{
	padding: 0 8px 1px 24px;
}

.RadMenu .rmVertical .rmText
{
	padding: 0 15px 1px 0;
}

.RadMenu .rmHorizontal .rmText
{
	padding: 0 12px 1px 0;
}

.RadMenu_rtl .rmVertical .rmText
{
	padding: 0 15px 1px 0;
}

.RadMenu .rmVertical .rmText,
.RadMenu .rmHorizontal .rmVertical .rmText
{
	display: block;
	float: none;
}

.RadMenu .rmVertical .rmLink,
.RadMenu .rmHorizontal .rmVertical .rmLink
{
	float: none;
}

* html .RadMenu .rmGroup .rmVertical .rmLink,
* html .RadMenu .rmGroup .rmHorizontal .rmLink
{
	float: left;
}

.RadMenu .rmRootGroup .rmItem .rmGroup
{
	padding-bottom: 1px;
}

.RadMenu .rmGroup .rmItem
{
	padding: 0;
}

.RadMenu .rmGroup .rmLink,
.RadMenu .rmSlide .rmGroup .rmTemplate
{
	padding: 0;
}

.RadMenu_rtl .rmGroup .rmLink,
.RadMenu_rtl .rmSlide .rmGroup .rmTemplate
{
	padding: 0;
}

.RadMenu .rmGroup .rmText
{
	padding: 0 54px 0 28px;
	margin: 0 0 0 4px;
}

.RadMenu_rtl .rmGroup .rmText
{
	padding: 0 28px 0 54px;
	margin: 0 4px 0 0;
}

.RadMenu .rmSlide .rmVertical .rmLeftImage+.rmText,
.RadMenu_Context .rmGroup .rmLeftImage+.rmText
{
	padding: 0 54px 0 28px;
}

.RadMenu_rtl .rmSlide .rmVertical .rmLeftImage+.rmText,
.RadMenu_Context_rtl .rmGroup .rmLeftImage+.rmText
{
	padding: 0 28px 0 54px;
}

.RadMenu .rmSlide .rmHorizontal .rmText
{
	padding: 0 11px 0 10px;
}

.RadMenu .rmGroup .rmLeftImage
{
	margin: 4px 0 0 6px;
}

* html .RadMenu .rmGroup .rmLeftImage { margin-left: 4px; }
*+html .RadMenu .rmGroup .rmLeftImage { margin-left: 4px; }

.RadMenu_rtl .rmGroup .rmLeftImage
{
	margin: 4px 6px 0 0;
}

* html .RadMenu .rmGroup .rmLeftImage { position: absolute; }
*+html .RadMenu .rmGroup .rmLeftImage { position: absolute; }

* html .RadMenu_rtl .rmGroup .rmLeftImage { right: 0; }
*+html .RadMenu_rtl .rmGroup .rmLeftImage { right: 0; }


/* <separators> */

.RadMenu .rmSeparator .rmText
{
	line-height: 0;
	font-size: 0;
	padding: 0;
	background-repeat: repeat-x;
	overflow: hidden;
}

.RadMenu .rmVertical .rmSeparator .rmText,
.RadMenu .rmHorizontal .rmVertical .rmSeparator .rmText
{
	height: auto;
	width: auto;
	padding-bottom: 2px;
}

*+html .RadMenu .rmSeparator .rmText,   /* IE7 separator height problem */
*+html .RadMenu .rmVertical .rmSeparator .rmText,
*+html .RadMenu .rmHorizontal .rmVertical .rmSeparator .rmText
{
	height: 2px;
	padding: 0;
}

* html .RadMenu .rmVertical .rmSeparator .rmText { height: auto; padding: 2px 0 0; }
* html .RadMenu .rmHorizontal .rmSeparator .rmText { padding: 0; }

.RadMenu .rmRootGroup .rmSeparator .rmText
{
	margin: 1px 12px;
}

.RadMenu .rmRootGroup .rmVertical .rmSeparator .rmText,
.RadMenu_Context .rmVertical .rmSeparator .rmText
{
	margin: 1px 2px 1px 31px;
}

.RadMenu_rtl .rmRootGroup .rmVertical .rmSeparator .rmText,
.RadMenu_Context_rtl .rmVertical .rmSeparator .rmText
{
	margin: 1px 31px 1px 2px;
}

.RadMenu .rmHorizontal .rmSeparator .rmText,
.RadMenu .rmVertical .rmHorizontal .rmSeparator .rmText
{
	margin: 2px 0 0;
	height: 20px;
	width: 2px;
}

/* </separators> */

/* <scroll arrows> */

.RadMenu .rmLeftArrow,
.RadMenu .rmRightArrow
{
	width: 10px;
	height: 24px;
}

.RadMenu .rmTopArrow,
.RadMenu .rmBottomArrow
{
	height: 10px;
	width: 100%;
}

/* </scroll arrows> */

/* </base styles> */