/*========================================================*/
/*              DNN Skin: April                           */
/*              Created by dnnskin.com                    */
/*========================================================*/

/*==========================================================
		Index             
		
		1. Default Styles 
		2. Layout
		3. Links and Buttons
		4. Text
		5. Forms
		6. Menu
		7. Colors
		8. Modules
===========================================================*/


/*========================================================*/
/*  1. Default Styles                                     */
/*========================================================*/

html{height:100%;}
body{height:100%; margin:0px; padding:0px;}
Form{width:100%; float:left; text-align:center;}

/*========================================================*/
/*  2. Layout                                        */
/*========================================================*/
#apr-pink{background:  url("images/bg-body-pink.gif") repeat-x; width:100%; min-height:500px; margin:0px; padding:0px;}
#apr-blue{background:  url("images/bg-body-blue.gif") repeat-x; width:100%; min-height:500px; margin:0px; padding:0px;}
#apr-orange{background:  url("images/bg-body-orange.gif") repeat-x; width:100%; min-height:500px; margin:0px; padding:0px;}

#apr-pink-3col, #apr-pink-2col, #apr-pink-1col,
#apr-blue-3col, #apr-blue-2col, #apr-blue-1col,
#apr-orange-3col, #apr-orange-2col, #apr-orange-1col
{width:950px; margin:0px auto; padding:0px;}


/* shared common features for header */

/* header1 - applies to all skins */
#header1 {background:transparent; margin:0px auto; padding:0px; height:76px; width:100%;}
#header1 #header1left{background:url("images/logo.gif") center left no-repeat #000; width:360px; float:left; height:76px; text-align:center; margin:0px;}
#header1 #header1middle{float:left; width:380px;height:25px; line-height:25px;color:#999; font-weight:normal; text-align:right; letter-spacing:0.05em;}
#header1 #header1middle span{color:#999; font-size:11px;}
#header1 #header1right{ background:url("images/deco-grey-middle.gif") repeat-x #333;width:200px; height:25px; line-height:25px; padding:0px; float:right; }
#header1 #header1right .header1rightright{background:url("images/deco-grey-right.gif") top right no-repeat; height:25px; width:100%; float:right; padding:0px; margin:0px;}
#header1 #header1right .header1rightleft{background:url("images/deco-grey-left.gif") top left no-repeat; height:25px; line-height:22px; width:100%; float:left; text-align:center;padding:0px 10px; margin:auto;}

.header1rightleft span, .header1rightleft span a, .header1rightleft span a:link, .header1rightleft span a:visited{color:#999; font-weight:bold; font-size:11px; margin-bottom:3px;}
.header1rightleft span a:hover{color:#ccc;}

/* header2 */
#header2{background:transparent; height:44px; width:100%; padding:0px; margin:0px;}
#header2 .header2left{float:left;height:44px; line-height:44px; width:160px; padding:0px; color:#fff; font-weight:bold; text-align:center;}
#header2 .header2left a, #header2 .header2left a:link{text-decoration:none; font-size:13px;}
#header2 .header2right{float:left; height:28px; width:760px; margin-top:16px; padding:0px; text-align:left;}

.menu{background:transparent; height:28px; text-align:left;}


/* HEADER2 VARIATIONS */

/* header2 (menu) */
#apr-pink #header2 .header2left{background:url("images/tab-bigger-pink.gif") no-repeat;}
#apr-blue #header2 .header2left{background:url("images/tab-bigger-blue.gif") no-repeat;}
#apr-orange #header2 .header2left{background:url("images/tab-bigger-orange.gif") no-repeat;}
#header2 .header2left, #header2 .header2left a, #header2 .header2left a:link, #header2 .header2left a:hover, #header2 .header2left a:visited{font-size: #17px; font-weight:bold; color:#fff;}


/*  misc: breadcrumb, search */
#misc{ background:transparent; height:30px; line-height:30px; padding:0px; width:100%; margin: 0px auto;}
#misc_left {float:left;width:60%; margin-left:1px;text-align:left;}
#misc_left span{font-weight:bold; font-size:11px; color:#999;}
#misc_right {float:right;width:30%;text-align:right; color:#666; font-size:12px; font-weight:bold; margin:0px;}
#misc_right, #misc_right span, #misc_left span, #misc_left span a, #misc_left span a:link, #misc_left span a:hover{font-size:12px;text-decoration:none; font-weight:bold;}
#misc_left span a:hover{}
#misc_right input{ height:20px; margin-top:5px; }

/* misc pink */
#apr-pink #misc_right, #apr-pink #misc_right span, #apr-pink #misc_left span, #apr-pink #misc_left span a, #apr-pink #misc_left span a:link{color:#F1398F;}
#apr-pink #misc_left span a:hover{color:#EF1F82;}
#apr-pink #misc_right input{border:1px solid #FABDDA;}

/* misc blue */
#apr-blue #misc_right, #apr-blue #misc_right span, #apr-blue #misc_left span, #apr-blue #misc_left span a, #apr-blue #misc_left span a:link{color:#09c;}
#apr-blue #misc_left span a:hover{color:#0bf;}
#apr-blue #misc_right input{border:1px solid #09c;}


/* misc orange */
#apr-orange #misc_right, #apr-orange #misc_right span, #apr-orange #misc_left span, #apr-orange #misc_left span a, #apr-orange #misc_left span a:link{color:#f60;}
#apr-orange #misc_left span a:hover{color:#f90;}
#apr-orange #misc_right input{border:1px solid #f60;}


/* main body */
.maintop {margin:20px auto; margin-bottom:-10px; width:100%;}
#main {margin:30px auto 0px auto; width:100%; min-height:350px;}
.mainbottom {margin:0px auto; margin-top:-10px; width:100%;}

.columntop{margin:0px;padding:0px;text-align:left;}


/* =====3Col panes=======  */

/* 3Col column1 */
#apr-pink-3col #main #column1, #apr-blue-3col #main #column1, #apr-orange-3col #main #column1{float:left; width:720px; margin:0px; padding:0px; text-align:left;}
/* 3Col left pane */
#apr-pink-3col #column1 .column1-left, #apr-blue-3col #column1 .column1-left, #apr-orange-3col #column1 .column1-left{float:left;width:29.1%;margin:0px 0px 10px 0px; padding:0px; text-align:left;}
/* 3Col content pane */
#apr-pink-3col #column1 .column1-right, #apr-blue-3col #column1 .column1-right, #apr-orange-3col #column1 .column1-right{float:right;margin:0px 0px 10px 0px; padding:0px; width:68.1%; text-align:left;}
/* 3Col column2, 3Col right pane */
#apr-pink-3col #column2, #apr-blue-3col #column2, #apr-orange-3col #column2{float:right;margin:0px 0px 10px 0px;padding:0px;width:21.7%; text-align:left;}



/* =====2Col panes======= */
#apr-pink-2col #column1 .columntop,
#apr-pink-2col #column1 .column1-left, 
#apr-blue-2col #column1 .columntop,
#apr-blue-2col #column1 .column1-left,
#apr-orange-2col #column1 .columntop,
#apr-orange-2col #column1 .column1-left{display:none;}

/* 2Col content pane */
#apr-pink-2col #main #column1,
#apr-blue-2col #main #column1,
#apr-orange-2col #main #column1{float:left; width:595px; margin:0px; padding:0px;text-align:left;}

#apr-pink-2col #column1 .column1-right,
#apr-blue-2col #column1 .column1-right,
#apr-orange-2col #column1 .column1-right{width:100%; margin:0px; padding:0px;text-align:left;}

/* 2Col column2, 2Col right pane */
#apr-pink-2col #column2,
#apr-blue-2col #column2,
#apr-orange-2col #column2{float:right; margin:0px 0px 10px 0px;padding:0px;width:330px; text-align:left;}

/* set "0" to collapse the right pane when there is no content */
#apr-pink-2col #column2 .columntop,
#apr-blue-2col #column2 .columntop,
#apr-orange-2col #column2 .columntop{margin:0px;padding:0px; text-align:left; clear: both; line-height:0;font-size:0;}

/* rightleft pane (below the 2Col right pane) */
#apr-pink-2col #column2 .column2-left,
#apr-blue-2col #column2 .column2-left,
#apr-orange-2col #column2 .column2-left{width:165px;float:left; padding-left:0px;}

/* rightright pane (below the 2Col right pane) */
#apr-pink-2col #column2 .column2-right,
#apr-blue-2col #column2 .column2-right,
#apr-orange-2col #column2 .column2-right{width:155px; float:right;margin-left:3px;}


/* ======1Col panes======== */

/* 1Col content pane */
#apr-pink-1col .column1-left,
#apr-blue-1col .column1-left,
#apr-orange-1col .column1-left{float:left; margin:0px; padding:0px; width:100%; text-align:left;}


#apr-pink-1col #main #column1 .columntop, 
#apr-blue-1col #main #column1 .columntop,
#apr-orange-1col #main #column1 .columntop, 
#apr-pink-1col #main #column1 .column1-left, 
#apr-blue-1col #main #column1 .column1-left,
#apr-orange-1col #main #column1 .column1-left,
#apr-pink-1col #main #column2,
#apr-blue-1col #main #column2,
#apr-orange-1col #main #column2{display:none;}



/* footer style */
#footer {width:100%; height:62px; margin-top:10px;}
#footer .links1{height:30px; line-height:30px; margin:0px;  margin-bottom:1px; }
#footer .links2{height:30px; line-height:20px; margin:0px; }

#apr-pink #footer .links1{border-top:1px solid #e07;border-bottom:1px solid #e07;}
#apr-blue #footer .links1{border-top:1px solid #09c;border-bottom:1px solid #09c;}
#apr-orange #footer .links1{border-top:1px solid #f60;border-bottom:1px solid #f60;}

#apr-pink #footer .links2{border-top:10px solid #e07;}
#apr-blue #footer .links2{border-top:10px solid #09c;}
#apr-orange #footer .links2{border-top:10px solid #f60;}


.clearboth{clear:both;}

.SearchBox{line-height:2em; margin:0px; padding:0px;}
.SearchBox .input{width:180px; border:1px solid #999;}
.SearchButton {background:transparent;padding:13px 0px 4px 0px;cursor: hand;font-size:15px;font-weight:bold; margin: 0 0 0 1px; color:#333;}


/*========================================================*/

/*  3. Links and Buttons                                  */
/*========================================================*/

/* Default link style */
a:link, a:visited, a:active{color: #444;font-family:Arial, Helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: underline;}
a:hover{color:#c30;font-family:Arial, Helvetica, sans-serif;font-weight: normal;font-size: 12px;}

/* text and link style used for most text rendered by modules */
.Normal, a.Normal:link, a.Normal:visited, a.Normal:active {color: #444;font-family:Arial, Helvetica, sans-serif;font-weight: normal;font-size: 12px;}
a.Normal:hover {color: #c30;font-family:Arial, Helvetica, sans-serif;font-size: 12px;text-decoration: none;}
a.CommandButton{font:bold .8em Arial, Helvetica, sans-serif;}
a.CommandButton:link, a.CommandButton:visited{color:#444;text-decoration:none;}
a.CommandButton:hover, a.CommandButton:active{color:#c30;text-decoration:none;}

a.SkinObject:link, a.SkinObject:visited{font:bold .8em Arial, Helvetica, sans-serif; color:#444;text-decoration:none;}
a.SkinObject:hover, a.SkinObject:active{font:bold .8em Arial, Helvetica, sans-serif;color:#c30;text-decoration:none;}
	
#footer, #footer a.bottomlink, #footer a.bottomlink:link{font-size:12px;color:#333; text-decoration:none;}
#footer a.bottomlink:hover, #footer a.bottomlink:active{color:#111;}


/*========================================================*/
/*  4. Text                                               */
/*========================================================*/

.Head{font:bold 1.15em Tahoma;color:#333;}
.SubHead{font:bold 1em Tahoma;color:#333;}
.SubSubHead{font:1em Arial, Helvetica, sans-serif;color:#333;}
.Normal{font:12px Arial, Helvetica, sans-serif;color:#333; line-height:1.5em;}
.NormalDisabled{font:12px Arial, Helvetica, sans-serif;color:#333;}
.NormalBold{font:bold 12px Arial, Helvetica, sans-serif;color:#333;}
.NormalRed{font:12px Arial, Helvetica, sans-serif;color:#c30;}
.NormalTextBox{font:12px Arial, Helvetica, sans-serif;color:#333;}
.StandardButton{font:12px Arial, Helvetica, sans-serif;color:#333;}
.SkinObject{font:normal 1em Arial, Helvetica, sans-serif;color:#333;}

td,th,p,div,span,li{font-family:Arial, Helvetica, sans-serif;}
p{}
pre{}

/* Headings */
h1,h2,h3,h4,h5,h6{font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#333;margin:0 0 1em 0;}
h1{font-size:1.8em;}
h2{font-size:1.3em;}
h3{font-size:1.1em;}
h4{font-size:1em;}
h5{font-size:1em;}
h6{font-size:1em;}


/*========================================================*/
/*  5. Forms                                              */
/*========================================================*/

select, input {}


/*========================================================*/
/*  6. Main Menu                                          */
/*========================================================*/

.MainMenu_MenuContainer{background:transparent;}
.MainMenu_MenuBar{cursor: pointer; cursor:hand;}

/* pink */
#apr-pink .RootMenu_Off td, #apr-pink .RootMenu_Hover td, #apr-pink .RootMenu_On td, 
#apr-pink .RootMenu_BreadcrumbOn td
{background: url("images/tab-bg-pink-off.gif") repeat-x;height:28px;padding:0;margin:0;}
#apr-pink .RootMenu_On td, #apr-pink .RootMenu_BreadcrumbOn td
{background: url("images/tab-bg-pink-on.gif") repeat-x;height:28px;padding:0;margin:0;}
#apr-pink .RootMenu-Off 
{background: url("images/tab-bg-pink-off.gif") repeat-x;color:#fff;height:28px;padding:0;margin:0;}
#apr-pink .RootMenu-Hover
{background: url("images/tab-bg-pink-off.gif") repeat-x;color:#FAEBF2;height:28px; padding:0;margin:0;}
#apr-pink .RootMenu-On, #apr-pink .RootMenu_BreadcrumbOn
{background: url("images/tab-bg-pink-on.gif") repeat-x;color:#e07; height:28px;padding:0;margin:0;}
#apr-pink .LeftOff 
{background: url("images/tab-left-pink-off.gif") left no-repeat;padding:0px 4px 0px 3px;height:28px;}
#apr-pink .LeftOn 
{background: url("images/tab-left-pink-on.gif") left no-repeat;padding:0px 3px 0px 2px;height:28px;}
#apr-pink .RightOff 
{background: url("images/tab-right-pink-off.gif") right no-repeat;padding-right:15px;height:28px;}
#apr-pink .RightOn 
{background: url("images/tab-right-pink-on.gif") right no-repeat; padding-right:13px;height:28px;}


/* blue */
#apr-blue .RootMenu_Off td, #apr-blue .RootMenu_Hover td, #apr-pink .RootMenu_On td, 
#apr-blue .RootMenu_BreadcrumbOn td
{background: url("images/tab-bg-blue-off.gif") repeat-x;height:28px;padding:0;margin:0;}
#apr-blue .RootMenu_On td, #apr-blue .RootMenu_BreadcrumbOn td
{background: url("images/tab-bg-blue-on.gif") repeat-x;height:28px;padding:0;margin:0;}
#apr-blue .RootMenu-Off 
{background: url("images/tab-bg-blue-off.gif") repeat-x;color:#fff;height:28px;padding:0;margin:0;}
#apr-blue .RootMenu-Hover
{background: url("images/tab-bg-blue-off.gif") repeat-x;color:#FAEBF2;height:28px; padding:0;margin:0;}
#apr-blue .RootMenu-On, #apr-blue .RootMenu_BreadcrumbOn
{background: url("images/tab-bg-blue-on.gif") repeat-x;color:#09c; height:28px;padding:0;margin:0;}
#apr-blue .LeftOff 
{background: url("images/tab-left-blue-off.gif") left no-repeat;padding:0px 4px 0px 3px;height:28px;}
#apr-blue .LeftOn 
{background: url("images/tab-left-blue-on.gif") left no-repeat;padding:0px 3px 0px 2px;height:28px;}
#apr-blue .RightOff 
{background: url("images/tab-right-blue-off.gif") right no-repeat;padding-right:15px;height:28px;}
#apr-blue .RightOn 
{background: url("images/tab-right-blue-on.gif") right no-repeat; padding-right:13px;height:28px;}


/* orange */
#apr-orange .RootMenu_Off td, #apr-orange .RootMenu_Hover td, #apr-pink .RootMenu_On td, 
#apr-orange .RootMenu_BreadcrumbOn td
{background: url("images/tab-bg-blue-off.gif") repeat-x;height:28px;padding:0;margin:0;}
#apr-orange .RootMenu_On td, #apr-orange .RootMenu_BreadcrumbOn td
{background: url("images/tab-bg-orange-on.gif") repeat-x;height:28px;padding:0;margin:0;}
#apr-orange .RootMenu-Off 
{background: url("images/tab-bg-orange-off.gif") repeat-x;color:#fff;height:28px;padding:0;margin:0;}
#apr-orange .RootMenu-Hover
{background: url("images/tab-bg-orange-off.gif") repeat-x;color:#FAEBF2;height:28px; padding:0;margin:0;}
#apr-orange .RootMenu-On, #apr-orange .RootMenu_BreadcrumbOn
{background: url("images/tab-bg-orange-on.gif") repeat-x;color:#f60; height:28px;padding:0;margin:0;}
#apr-orange .LeftOff 
{background: url("images/tab-left-orange-off.gif") left no-repeat;padding:0px 4px 0px 3px;height:28px;}
#apr-orange .LeftOn 
{background: url("images/tab-left-orange-on.gif") left no-repeat;padding:0px 3px 0px 2px;height:28px;}
#apr-orange .RightOff 
{background: url("images/tab-right-orange-off.gif") right no-repeat;padding-right:15px;height:28px;}
#apr-orange .RightOn 
{background: url("images/tab-right-orange-on.gif") right no-repeat; padding-right:13px;height:28px;}



/*-- submenu container --*/ 
.MainMenu_SubMenu{ background: #fff; padding: 0px; border:1px solid #ccc; z-index: 1000; cursor:pointer; cursor:hand; font-weight: normal; filter:none; margin-left:-5px;}
/*-- submenu items idle --*/ 
.MainMenu_MenuItem{ background: #fff; color: #666; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; padding: 0px 20px 0px 10px; height: 26px; border:0px; border-bottom: 1px solid #ccc; margin:0px;}
/*-- submenu items hover --*/ 
.MainMenu_MenuItemSel{ background: #eee; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; cursor: pointer; cursor: hand; padding: 0px 20px 0px 10px; height: 26px; border:0px; border-bottom:1px solid #ccc; margin:0px;}


/* Inserts a small space between main menu items */  
.MainMenu_MenuBreak {width:auto;border:0;}
/* Stuff we don't need to see */
.MainMenu_MenuArrow,.MainMenu_RootMenuArrow,.MainMenu_MenuIcon {display: none;}

/*========================================================*/
/*  7. Module Menus                                       */
/*========================================================*/

.ModuleTitle_MenuContainer {}
.ModuleTitle_MenuBar {}
.ModuleTitle_MenuItem {font-size: 11px; color: #333; font-weight: normal;padding: 1px 10px 2px 0px;}
.ModuleTitle_SubMenu {z-index: 1000; margin: 1px 0px 0px 0px; border: 1px solid #ccc; padding: 0px;}
.ModuleTitle_MenuItemSel {font-size: 11px; font-weight: normal; color: #111; background: #eee; padding: 1px 10px 2px 0px;}
.ModuleTitle_MenuIcon {background:#fff; border:0px; padding: 0 3px 0 3px;}

.ModuleTitle_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow {display: none;}

/*========================================================*/
/*  7. Colors                                             */
/*========================================================*/


/*========================================================*/
/*  8. Modules                                            */
/*========================================================*/