/* Content Classes */
/*=========================*/
.ControlPanel table {text-align: center; margin: 0px auto;}

img{border:0px}
.clear{clear:both; height:0px; line-height:0px}
#AdminClick{position:absolute; top:8px; right:43px; width:46px}
#HostClick{position:absolute; top:8px; right:3px; width:37px}
.customsearch_textbox{font-family:verdana,Arial,Sans-Serif; font-size:11px; font-weight:normal; color:#777; width:125px; background:url('images/search_bg.gif') repeat-x; border:1px solid #c1c1c1}

#Wrapper{background:url('images/bar_tile.gif') repeat-x #fff; width:100%; text-align:center; min-height:600px}
#Container{width:975px; margin-right:auto; margin-left:auto; text-align:center}
#Logo{float:left; width:268px}
#TopBar{float:right; position:relative; width:707px}
#MediaCenter{float:left; position:absolute; top:0px; left:-65px; width:100px}
#CMS_Nav{float:left; margin-left:37px; padding:12px 4px 0px 0px; position:relative}
.topbar_white{font-family:verdana,Arial,Sans-Serif; font-size:18px; font-weight:normal; color:#fff}
.search_div{float:left; margin-right:-150px}
#CustomSearch{padding:0px 2px 0px 0px; vertical-align:middle;}
#CustomSearch td { vertical-align:middle;}
#Spacer{clear:both; height:45px}
#ContentWrapper{clear:both; width: 975px; text-align:left;}
/* Footer styles */
#FooterContainer{clear:both; float:left; width:975px; margin-top:20px; margin-left:3px}
#FooterMid{background:url('images/footer_tile.png') repeat-x; width:96%; height:48px; padding-top:15px}
.footertext{font-family:Verdana,Arial,Sans-Serif; font-size:11px; color:#777}
.footeritem{float:left}
#Copyright{float:left}
#FooterContact{float:right}
#LoginContainer{clear:both; text-align:center}
.login_text{font-family:Verdana,Arial,Sans-Serif; font-size:11px; color:#777}
a.login_text:link{font-family:Verdana,Arial,Sans-Serif; font-size:11px; color:#fff; text-decoration:none}
a.login_text:hover{font-family:Verdana,Arial,Sans-Serif; font-size:11px; color:#fff; text-decoration:none}
a.login_text:visited{font-family:Verdana,Arial,Sans-Serif; font-size:11px; color:#fff; text-decoration:none}
a.login_text:visited:hover{font-family:Verdana,Arial,Sans-Serif; font-size:11px; color:#fff; text-decoration:none}
/* 
=================
Tab Navigation
=================
*/
#Tab_Nav{float:right; position:absolute; top:42px; right:5px; display:inline-block}
.TabItem{float:left}
/*
===================================
RadMenu Styles
===================================
 */
.MenuItem{cursor:hand; cursor:pointer; color:#fff; font-family:Verdana,Arial,Sans-Serif; font-size:12px}

.MenuItemOver{cursor:hand; cursor:pointer; color:#fdbb30; font-family:Verdana,Arial,Sans-Serif; font-size:12px}
.MenuItemClicked{cursor:hand; cursor:pointer; color:#fdbb30; font-family:Verdana,Arial,Sans-Serif; font-size:12px}

.Item{cursor:hand; cursor:pointer; color:#fff; font-family:Verdana,Arial,Sans-Serif; font-size:11px; background-color:#000; line-height:18px; padding:3px}
.Item_Over{cursor:hand; cursor:pointer; color:#fdbb30; font-family:Verdana,Arial,Sans-Serif; font-size:11px; background-color:#3d3d3d; line-height:18px; padding:3px}
.Item_clicked{cursor:hand; cursor:pointer; color:#fdbb30; font-family:Verdana,Arial,Sans-Serif; font-size:11px; background-color:#000; line-height:18px; padding:3px}

/* Homepage Content */
.Admin_content{width:100%}
.content{float:left; vertical-align:top; width:698px; margin-left:15px; overflow: hidden;}

.contentRight{float:left; width:230px; vertical-align:top; margin-left:10px; overflow: hidden;}
/* Subpage 4 column */
.sub4_left{float:left; width:230px; margin-left:10px; text-align:left}
.sub4_content{float:left; width:230px; margin-left:10px; text-align:left}
.sub4_mid{float:left; width:230px;  margin-left:10px; text-align:left}
.sub4_right{float:left; width:230px; margin-left:10px; text-align:left}

/* Subpage Styles */
.sub_leftpane{width:180px; margin-right:6px; margin-left:5px; margin-top:25px; float:left; text-align:left; vertical-align:top}
.sub_content{width:490px; /*margin-left:5px; */margin-right:5px; float:left; text-align:left; vertical-align:top; overflow: hidden;}
.sub_contentAdmin{width:690px; /*margin-left:5px; */margin-right:5px; float:left; text-align:left; vertical-align:top}
.sub_rightpane{width:250px; margin-left:5px; margin-right:5px; float:left; text-align:left; vertical-align:top}

#SubNavigation{float:left; width:172px; margin-right:10px; position:relative}
#SN_TopMid{background:url('images/subnav_top_black.png') repeat-x; width:157px}
#SN_Bottom{background:url('images/subnav_bottom.png') repeat-x; width:157px}
.sn_top{float:left}
.sn_bottom{float:left; height:26px}
#SN_Mid{clear:both; float:left; background:url('images/subnav_tile.png') repeat-y; min-height:100px}
/*#RAD_SubMenu{text-align:center; margin-left:auto; margin-right:auto;}*/

/* #RAD_SubMenu { width:172px; background: url(images/subnav-tile.gif) repeat-y center top;} */
#RAD_SubMenu { width:172px; float: left; background: url(images/subnav-tile.gif) repeat-y center top;} 
#RAD_SubMenu .RadPanelBar { float:none; width:172px;}
#RAD_SubMenu .RadPanelBar a.rpLink { width:auto;}
#RAD_SubMenu ul { list-style-type:none; margin:0; padding:9px 0 0 0; border:none; background: url(images/subnav-top.gif) no-repeat center top; float:none;}
#RAD_SubMenu ul li { float:none; width:172px; white-space:normal; margin:0px;}
#RAD_SubMenu ul li.rpLast {padding-bottom: 24px; margin-bottom: -6px; background: url('images/subnav-bottom.gif') no-repeat center bottom;}
#RAD_SubMenu ul li a { padding:9px; display:block; float:none; font: bold 12px Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; border-top:solid 1px #fff; border-bottom:solid 1px #d1d0d0; margin:0px 1px; cursor:pointer;}
#RAD_SubMenu ul li a.rpExpanded { border-bottom:solid 1px transparent;}
.RadPanelBar .rpOut { border:none!important;}
.RadPanelBar .rpText { padding:0!important}
#RAD_SubMenu ul li a:hover { background: url(images/subnav-tile-over.gif) repeat-y center center;}
#RAD_SubMenu ul li.rpFirst a {border-top:none;}
#RAD_SubMenu ul li.rpLast a {border-bottom:none;}

#RAD_SubMenu ul ul { margin:0; padding:0 0 7px 0; background:none; border-bottom:solid 1px #d1d0d0; }
#RAD_SubMenu ul ul li { margin:0; padding:0; background:none; width:172px; float: left;}
#RAD_SubMenu ul ul li.rpLast {padding-bottom:0px; background:none;}
#RAD_SubMenu ul ul li a { padding:2px 9px 2px 18px; font: normal 11px Arial, Helvetica, sans-serif; color: #000000; background: url(images/subnav-tile.gif) repeat-y center top; border:none;}
#RAD_SubMenu ul ul li a span { padding:0; margin:0;}
 
#RAD_SubMenu .rpText {padding:0!important;}
#RAD_SubMenu .rpOut {padding:0!important;}
 
.Subnav_new {width: 172px; vertical-align: top;vertical-align:top;}
.ContentPane_new {width: 490px; padding: 0px 15px; vertical-align:top;}
.ContentPane_new div {overflow: hidden;width: 490px;}
.RightPane_new {width: 250px; vertical-align:top;}
 
 .ContentBlock {width: 490px; float: left; margin: 0px 20px; overflow: hidden;}
 .CB_Right {float: left; width: 250px;}
/*
====================
SubMenu styles
====================
*/
.SubMenuItem img{display:none}
.SubMenuItemOver img{display:none}
.SubMenuItemClicked  img{display:none}

.SubMenuItem{cursor:hand; cursor:pointer; color:#000; font-family:Verdana,Arial,Sans-Serif; font-size:12px; font-weight:bold; height:36px; line-height:20px; text-align:center;}
#RAD_SubMenu .MenuGroup .SubMenuItem td { white-space:normal; text-align: left;}

.SubMenuItemOver{cursor:hand; cursor:pointer; color:#fff; font-family:Verdana,Arial,Sans-Serif; font-size:12px; font-weight:bold; height:36px; line-height:20px; text-align: left; background:url('images/subnav_tile_over.png') repeat-y}
.SubMenuItemClicked{cursor:hand; cursor:pointer; color:#000; font-family:Verdana,Arial,Sans-Serif; font-size:12px; font-weight:bold; height:36px; line-height:20px; text-align:center}

.Sub_Item{cursor:hand; cursor:pointer; color:#fff; font-family:Verdana,Arial,Sans-Serif; font-size:11px; background-color:#000; line-height:18px; padding:3px}
.Sub_Item_Over{cursor:hand; cursor:pointer; color:#fdbb30; font-family:Verdana,Arial,Sans-Serif; font-size:11px; background-color:#3d3d3d; line-height:18px; padding:3px}
.Sub_Item_clicked{cursor:hand; cursor:pointer; color:#fdbb30; font-family:Verdana,Arial,Sans-Serif; font-size:11px; background-color:#000; line-height:18px; padding:3px}

.separator{height:3px; width:172px}
/* background color for the content part of the pages */
Body{background-color:white; margin:0px}

.ControlPanel, .PagingTable{width:100%; background:url('images/controlpanel_bg.jpg') no-repeat; border-right:#006bb5 1px solid; border-top:#006bb5 1px solid; border-left:#006bb5 1px solid; border-bottom:#fff 2px solid; padding-bottom:6px}

.SkinObject{font-weight:bold; font-size:8.5pt; color:#006bb5; font-family:Tahoma,Arial,Helvetica; text-decoration:none}

A.SkinObject:link{text-decoration:none; color:#006bb5}

A.SkinObject:visited{text-decoration:none; color:#006bb5}

A.SkinObject:hover{text-decoration:none; color:#006bb5}

A.SkinObject:active{text-decoration:none; color:#006bb5}

/* styles for LANGUAGE skinobject */
.Language{vertical-align:middle; margin:0px}

.Language img{border:none}

/* style for module titles */
.Head{font-family:Tahoma,Arial,Helvetica; font-size:20px; font-weight:normal; color:#333}

/* style of item titles on edit and admin pages */
.SubHead{font-family:Tahoma,Arial,Helvetica; font-size:11px; font-weight:bold; color:#006bb5}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead{font-family:Tahoma,Arial,Helvetica; font-size:11px; font-weight:bold; color:black}

/* text style used for most text rendered by modules */
.Normal, .NormalDisabled{font-family:Tahoma,Arial,Helvetica; font-size:11px; font-weight:normal}

/* text style used for rendered text which should appear disabled */
.NormalDisabled{color:Silver}

/* text style used for rendered text which requires emphasis */
.NormalBold{font-family:Tahoma,Arial,Helvetica; font-size:11px; font-weight:bold}

/* text style used for error messages */
.NormalRed{font-family:Tahoma,Arial,Helvetica; font-size:12px; font-weight:bold; color:#f00}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox{font-family:Tahoma,Arial,Helvetica; font-size:12px; font-weight:normal}

/* styles used by Data Grids */
.DataGrid_AlternatingItem{background-color:White; color:Red; font-family:Tahoma,Arial,Helvetica; font-size:10px; font-weight:normal;}
.DataGrid_Container{background-color:Transparent}
.DataGrid_Footer{background-color:White}
.DataGrid_Header{background-color:Transparent; color:Black; font-family:Tahoma,Arial,Helvetica; font-size:10px; font-weight:bold; text-align:center}
.DataGrid_Item{background-color:Transparent; color:Black; font-family:Tahoma,Arial,Helvetica; font-size:10px; font-weight:normal;}
.DataGrid_SelectedItem{background-color:Silver; color:Blue; font-family:Tahoma,Arial,Helvetica; font-size:10px; font-weight:normal}

/* styles used by TreeMenu Skin Object */
.TreeMenu_Node{font-family:Tahoma,Arial,Helvetica; font-size:12px; font-weight:normal}

.TreeMenu_NodeSelected{font-family:Tahoma,Arial,Helvetica; font-size:12px; font-weight:normal; background-color:#dcdcdc}

A.TreeMenu_Node:link, A.TreeMenu_NodeSelected:link{text-decoration:none; color:#006bb5}

A.TreeMenu_Node:visited, A.TreeMenu_NodeSelected:visited{text-decoration:none; color:#006bb5}

A.TreeMenu_Node:hover, A.TreeMenu_NodeSelected:hover{text-decoration:none; color:#f00}

A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active{text-decoration:none; color:#006bb5}

/* styles used in the FileManager */
.FileManager{border-right:black 1px solid; border-top:black 1px solid; border-left:black 1px solid; border-bottom:black 1px solid; height:400px}
.FileManager_ToolBar{border-bottom:black 1px solid; height:25px}
.FileManager_Explorer{height:100%; border:#696969 1px solid; background-color:White; margin:2px 2px 2px 2px}

.FileManager_FileList{height:100%; border:#696969 1px solid; background-color:White; margin:2px 2px 2px 2px; overflow:auto}

.FileManager_MessageBox{text-align:center; vertical-align:middle; background-color:White; padding:25px 25px 25px 25px}

.FileManager_Header{font-family:Tahoma,Arial,Helvetica; font-size:11px; font-weight:bold; color:#E7E7FF; background-color:#9EBFF6; border-bottom:#696969 1px solid; height:25px}

.FileManager_Pager{font-family:Tahoma,Arial,Helvetica; font-size:11px; font-weight:bold; background-color:#EEE; border-top:#696969 1px solid; height:25px}

.FileManager_StatusBar{font-family:Tahoma,Arial,Helvetica; font-size:11px; font-weight:normal; background-color:#dedfde; height:25px; margin:2px 2px 2px 2px}

.FileManager_Item{font-family:Tahoma,Arial,Helvetica; font-size:11px; font-weight:normal; color:Black; background-color:#F8F8F8; border-top:black 1px dashed; border-bottom:black 1px dashed}

.FileManager_AltItem{font-family:Tahoma,Arial,Helvetica; font-size:11px; font-weight:normal; color:Black; background-color:#EEE; border-style:none}
.FileManager_SelItem{font-family:Tahoma,Arial,Helvetica; font-size:11px; font-weight:bold; color:White; background-color:#9ff; border-style:none}

.FileManagerTreeNode{font-family:Tahoma,Arial,Helvetica; font-size:11px; font-weight:normal}

.FileManagerTreeNodeSelected{font-family:Tahoma,Arial,Helvetica; font-size:11px; font-weight:normal; background-color:#dcdcdc}

A.FileManagerTreeNode:link, A.FileManagerTreeNodeSelected:link{text-decoration:none; color:#006bb5}

A.FileManagerTreeNode:visited, A.FileManagerTreeNodeSelected:visited{text-decoration:none; color:#006bb5}

A.FileManagerTreeNode:hover, A.FileManagerTreeNodeSelected:hover{text-decoration:none; color:#f00}

A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active{text-decoration:none; color:#006bb5}

/* styles used in the Wizard Framework */
.Wizard{border-right:black 1px solid; border-top:black 1px solid; border-left:black 1px solid; border-bottom:black 1px solid; height:400px; width:650px}
.WizardButton{border-right:#696969 1px solid; padding-right:2px; border-top:#696969 1px solid; padding-left:2px; padding-bottom:2px; border-left:#696969 1px solid; padding-top:2px; border-bottom:#696969 1px solid; background-color:#dcdcdc}
.WizardHeader{background:#ffc; border-bottom:black 1px solid; height:40px}
.WizardFooter{border-top:black 1px solid; background:#cfc; height:25px; text-align:right}
.WizardBody{padding-right:10px; padding-left:10px; padding-bottom:10px; padding-top:10px; height:325px}
.WizardHelp{padding-right:5px; padding-left:5px; font-size:9pt; padding-bottom:5px; border-left:black 1px solid; width:180px; padding-top:5px; background-color:#cff}
.WizardHelpText{overflow:auto; font-size:8pt; width:180px; color:black; font-family:Tahoma,Verdana,Arial,Sans-Serif; height:300px}
.WizardText{font-size:9pt; color:black; font-family:Tahoma,Verdana,Arial,Sans-Serif}

/* text style used for help text rendered by modules */
.Help{border-right:black 1px solid; padding-right:2px; border-top:black 1px solid; padding-left:2px; font-weight:normal; font-size:11px; padding-bottom:2px; border-left:black 1px solid; color:black; padding-top:2px; border-bottom:black 1px solid; font-family:Tahoma,Arial,Helvetica; background-color:#ff9}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton{font-family:Tahoma,Arial,Helvetica; font-size:11px; font-weight:normal}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link{text-decoration:underline; color:#006bb5}

A.CommandButton:visited{text-decoration:underline; color:#006bb5}

A.CommandButton:hover{text-decoration:underline; color:#f00}

A.CommandButton:active{text-decoration:underline; color:#006bb5}

/* button style for standard HTML buttons */
.StandardButton{padding-right:5px; padding-left:5px; font-weight:normal; font-size:11px; background:#ddd; color:#000; font-family:Verdana,sans-serif}

/* GENERIC */
H1{font-family:Tahoma,Arial,Helvetica; font-size:20px; font-weight:normal; color:#664}

H2{font-family:Tahoma,Arial,Helvetica; font-size:20px; font-weight:normal; color:#664}

H3{font-family:Tahoma,Arial,Helvetica; font-size:12px; font-weight:normal; color:#006bb5}

H4{font-family:Tahoma,Arial,Helvetica; font-size:12px; font-weight:normal; color:#006bb5}

H5, DT{font-family:Tahoma,Arial,Helvetica; font-size:11px; font-weight:bold; color:#006bb5}

H6{font-family:Tahoma,Arial,Helvetica; font-size:11px; font-weight:bold; color:#006bb5}

TFOOT, THEAD{font-family:Tahoma,Arial,Helvetica; font-size:12px; color:#006bb5}

TH{vertical-align:baseline; font-family:Tahoma,Arial,Helvetica; font-size:12px; font-weight:bold; color:#006bb5}

A:link{text-decoration:none; color:#006bb5}

A:visited{text-decoration:none; color:#006bb5}

A:hover{text-decoration:underline; color:#f00}

A:active{text-decoration:none; color:#006bb5}

SMALL{font-size:8px}

BIG{font-size:14px}

BLOCKQUOTE, PRE{font-family:Lucida Console,monospace}

UL {margin-top: 15px;}

UL LI{list-style-type:disc; padding-bottom: 4px;}

UL LI LI{list-style-type:circle; padding-bottom: 4px; }

UL LI LI LI{list-style-type:square}

OL LI{list-style-type:decimal}

OL OL LI{list-style-type:lower-alpha}

OL OL OL LI{list-style-type:lower-roman}
OL UL LI{list-style-type:disc}

HR{color:#696969; height:1pt; text-align:left}

/* Module Title Menu */
.ModuleTitle_MenuContainer{border-bottom:blue 0px solid; border-left:blue 0px solid; border-top:blue 0px solid; border-right:blue 0px solid}

.ModuleTitle_MenuBar{cursor:pointer; height:16px; background-color:Transparent}

.ModuleTitle_MenuItem{cursor:pointer; color:black; font-family:Tahoma,Arial,Helvetica; font-size:9pt; font-weight:bold; font-style:normal; border-left:white 0px solid; border-bottom:white 1px solid; border-top:white 1px solid; border-right:white 0px solid; background-color:Transparent}

.ModuleTitle_MenuIcon{cursor:pointer; background-color:#EEE; border-left:#EEE 1px solid; border-bottom:#EEE 1px solid; border-top:#EEE 1px solid; text-align:center; width:15px; height:21px}

.ModuleTitle_SubMenu{z-index:1000; cursor:pointer; background-color:#FFF; border-bottom:#FFF 0px solid; border-left:#FFF 0px solid; border-top:#FFF 0px solid; border-right:#FFF 0px solid}

.ModuleTitle_MenuBreak{border-bottom:#EEE 1px solid; border-left:#EEE 0px solid; border-top:#EEE 1px solid; border-right:#EEE 0px solid; background-color:#EEE; height:1px}

.ModuleTitle_MenuItemSel{cursor:pointer; color:black; font-family:Tahoma,Arial,Helvetica; font-size:9pt; font-weight:bold; font-style:normal; background-color:#C1D2EE}

.ModuleTitle_MenuArrow{font-family:webdings; font-size:10pt; cursor:pointer; border-right:#FFF 1px solid; border-bottom:#FFF 1px solid; border-top:#FFF 0px solid}

.ModuleTitle_RootMenuArrow{font-family:webdings; font-size:10pt; cursor:pointer}

/* Main Menu */
.MainMenu_MenuContainer{background-color:transparent}
.MainMenu_MenuBar{cursor:pointer; height:16px; background-color:Transparent}
.MainMenu_MenuItem{cursor:pointer; color:black; font-family:Tahoma,Arial,Helvetica; font-size:9pt; font-weight:bold; font-style:normal; border-left:white 0px solid; border-bottom:white 1px solid; border-top:white 1px solid; border-right:white 0px solid; background-color:Transparent}
.MainMenu_MenuIcon{cursor:pointer; background-color:#EEE; border-left:#EEE 1px solid; border-bottom:#EEE 1px solid; border-top:#EEE 1px solid; text-align:center; width:15px; height:21px}
.MainMenu_SubMenu{z-index:1000; cursor:pointer; background-color:#FFF; border-bottom:#FFF 0px solid; border-left:#FFF 0px solid; border-top:#FFF 0px solid; border-right:#FFF 0px solid}
.MainMenu_MenuBreak{border-bottom:#EEE 1px solid; border-left:#EEE 0px solid; border-top:#EEE 1px solid; border-right:#EEE 0px solid; background-color:#EEE; height:1px}
.MainMenu_MenuItemSel{cursor:pointer; color:black; font-family:Tahoma,Arial,Helvetica; font-size:9pt; font-weight:bold; font-style:normal; background-color:#C1D2EE}
.MainMenu_MenuArrow{font-family:webdings; font-size:10pt; cursor:pointer; border-right:#FFF 1px solid; border-bottom:#FFF 1px solid; border-top:#FFF 0px solid}
.MainMenu_RootMenuArrow{font-family:webdings; font-size:10pt; cursor:pointer}

/* LEGACY STYLES from DNN 1-2 */
.HeadBg{background-color:#CCC}

.TabBg{background-color:black}

.SelectedTab{font-weight:bold; font-size:8.5pt; color:#FFF; font-family:Tahoma,Arial,Helvetica; text-decoration:none}

A.SelectedTab:link{text-decoration:none; color:white}

A.SelectedTab:visited{text-decoration:none; color:#eee}

A.SelectedTab:hover{text-decoration:none; color:#ccc}

A.SelectedTab:active{text-decoration:none; color:#eee}

.OtherTabs{font-weight:bold; font-size:8.5pt; color:white; font-family:Tahoma,Arial,Helvetica; text-decoration:none}

A.OtherTabs:link{text-decoration:none; color:white}

A.OtherTabs:visited{text-decoration:none; color:#eee}

A.OtherTabs:hover{text-decoration:none; color:#ccc}

A.OtherTabs:active{text-decoration:none; color:#eee}

.PagingTable{height:33px}

/*
.LabelEditOverClass{cursor:pointer; text-decoration:underline overline}
*/
.LabelEditTextClass{border:solid 1px red; background-color:Transparent}

.LabelEditWorkClass{/*background:url(/DotNetNuke/images/dnnanim.gif) no-repeat right; */border:solid 0px red; background-color:Transparent}

/* style for the DNNTextSuggest control select menu */
.SuggestTextMenu{border:solid 1px black; white-space:nowrap; background:white}
/* style for the DNNTextSuggest control selected menu node */
.SuggestNodeOver{background-color:navy; color:White}

/*Edit In Place Tool Bar Classes*/
.eipbackimg{border:outset 1px; /*give toolbar a 3D look*/position:absolute; /*needed so it doesn't take up space */margin-top:-22px; /*specify toolbar to be just above text */white-space:nowrap; /* makes toolbar horizontal */background:url(../../images/eip_toolbar.gif); background-color:#9cc; height:22px}

.eipbuttonbackimg{width:21px; height:21px; cursor:pointer; /*change mouse to pointer when hover over button*/display:-moz-inline-box; /* Gecko proprietary  (ORDER IS IMPORTANT HERE!)*/display:inline-block; /* supported by Opera and ? */}

.eipbutton_edit{background:url(../../images/eip_edit.gif) no-repeat 100% center}
.eipbutton_save{background:url(../../images/eip_save.gif) no-repeat 100% center}
.eipborderhover{border:outset 1px}

/* used to collapse panes without any content in them */
.DNNEmptyPane{width:0px}

/* used to set the different module align options - from module settings */
.DNNAlignleft{text-align:left}
.DNNAlignright{text-align:right}
.DNNAligncenter{text-align:center}

/* Login Styles */
.LoginPanel{}

.LoginTabGroup{}

.LoginTab{float:left; background:url("../../images/tablogin_gray.gif") left top; margin:0 3px 3px 0; padding:5px 5px 4px 5px; text-decoration:none; color:#FFF; border:1px #25569a solid}

.LoginTabSelected{float:left; background:url("../../images/tablogin_gray.gif") left top; margin:0 3px 3px 0; padding:5px 5px 4px 5px; text-decoration:none; color:#FFF; background-position:0% -41px; border:1px #25569a solid}

.LoginTabHover{float:left; background:url("../../images/tablogin_gray.gif") left top; margin:0 3px 3px 0; padding:5px 5px 4px 5px; text-decoration:none; color:#555; border:1px #C00 solid; cursor:pointer}

.LoginContainerGroup{clear:both; padding-top:5px}

.LoginContainer{}

/* text editor styles */
.bodytext {font-family:Verdana,Arial,Sans-Serif; color:#000; font-size:12px; line-height:18px}
.small_header {color:#8d8f90; font-family:Verdana,Arial,Sans-Serif; font-size:14px; font-weight:bold}
.header {font-family:Verdana,Arial,Sans-Serif; color:#000; font-size:18px; line-height: 32px;  font-weight:bold}
.bodyhead_blue {font-family:Verdana,Arial,Sans-Serif; color:#006cb5; font-size:12px; font-weight:bold}
.bodyhead_green {font-family:Verdana,Arial,Sans-Serif; color:#48a942; font-size:12px; font-weight:bold}
.bodyhead_yellow {font-family:Verdana,Arial,Sans-Serif; color:#fdbb30; font-size:12px; font-weight:bold}
.bodyhead_red {font-family:Verdana,Arial,Sans-Serif; color:#ef3524; font-size:12px; font-weight:bold}

/**** volunteer ****/

#divVolunteerMiniGrid, #divVolunteerGrid { border:solid 1px #fff; background:#fff; color:#423331; font-size:14px; font-family:Arial, Helvetica, sans-serif; border-color:#fff;}
#divScrollGrid { padding:10px; color:#000; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#divAreaOfInterestGrid { margin-bottom:10px; position:absolute; width:508px;}

.volcont { padding:20px; border:solid 1px #9f9fa1;-moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius: 10px;}
.volcont div { width:auto;}
.volcont .clear {line-height:0px; height:0px; font-size:0px; clear:both;}
.volcont h3 { color:#000; font: bold 16px Arial, Helvetica, sans-serif; padding:0; margin:0 0 14px 0;}
.volcont h3.fullgrid { margin-bottom:0px;}
.volcont h4 { color:#000; font: normal 14px Arial, Helvetica, sans-serif; padding:0 0 4px 0; margin:0 0 5px 0; border-bottom:solid 1px #cccbd0; cursor:pointer; }
.volcont a { color:#000; text-decoration:none; line-height:20px; }
.volcont a:hover { text-decoration:underline;  }
.volcont .vol-left {border-right:dashed 1px #423331; float:left; width:49.5%;}
.volcont .vol-left .vol-pad {padding-right:20px;}
.volcont .vol-right {float:left; width:49.5%;}
.volcont .vol-right .vol-pad {padding-left:20px;}
.volcont .search { padding:6px 0 0 0;}
.volcont .search .textbox { background:#e4f1d8; border:solid 1px #e4f1d8; margin:0px; padding:0 4px; color:#89bdaa;}
.volcont .search .button { background:#89bdaa; border:none; margin:0px; padding:0 6px; color:#e4f1d8; cursor:pointer;}

.modalpopup { width:550px; height:510px; padding:10px 25px 0; color:#000; font-size:12px; font-family:Arial, Helvetica, sans-serif; position:relative; background: url(images/popup-bg.png) no-repeat center top; }
.modalpopup .closeme { float:right; display:block; padding:10px 0px 10px 10px; color:#e4f1d8}
.modalpopup a.closeme:hover {color:#fff}
.modalpopup h2 { color:#fff; font: bold 18px Arial, Helvetica, sans-serif; float:left; display:block;padding:8px; background:#58585a; margin:14px 0 14px -8px; display:inline}
.modalpopup .clear {line-height:0px; height:0px; font-size:0px; clear:both;}
.modalpopup .button { background:#fcba30; border:solid 2px #000; margin:10px; padding:4px 6px; color:#000; cursor:pointer;}
.modalpopup .button:hover { background-color:#ef3624;}
#dvDetailsPopUp { overflow-y:scroll; height:370px; padding:0 20px 20px; background:#fff;}
#dvDetailsPopUp h3 { color:#cae9ec; font: bold 36px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0; margin:20px 0 0 0;}

/* JQUERY STUFF FOR Volunteer Opportunities */
#divDropDown { background: #e4f1d8; display: none; padding:10px; border-right:solid 1px #89bdaa; border-left:solid 1px #89bdaa;}
#divDropDown h4 { background:#89bdaa; font-weight:bold; padding:2px; margin:10px 0 0 0;}
#divDropDown h4.first {margin:0;}
#divFullGrid { padding-top: 10px;}
#divFullGrid tr th {padding: 5px 10px; font-size:14px; background:#4c4d4f; color:#fff; text-align:left;}
#divFullGrid tr td { padding: 5px 10px; font: 12px Arial, Helvetica, sans-serif; }
.slidecontainer {position:absolute;}
.slide { margin: 0; padding: 0; border-top: solid 2px #423331; background: url(images/btn-slide.gif) no-repeat center top; }
a.btnslide {line-height: 20px; padding:0 10px; margin: 0 auto; display: block; text-decoration: none; float:right; background:#423331; color:#fff; font-size:12px; }

#divSearch {padding:10px;}
#divFullGrid { margin-top:20px;}

#divAreaOfInterestShowHide { background: #423331 url(images/grey_drop_button_up.gif) no-repeat 487px center; color:#fff; display:block; }
#divAreaOfInterestShowHide:hover { background-image:url(images/grey_drop_button_down.gif) }

/*Modal Popup*/
.modalBackground { background-color:Black; filter:alpha(opacity=70); opacity:0.7; }
.modalPopup { background-color:#ffffdd; border-width:3px; border-style:solid; border-color:Gray; padding:3px; width:250px; }
.modalWindow { background-color: #FFF; border: solid 3px #333; padding: 3px; position: absolute; left: 50%; top: 50%; }

#divFullGrid tr.DataGrid_AlternatingItem { color:#423331; background:#dfe0e2;}

#divVolunteerGrid table tr td table tr td { padding:20px 0px 0px;}
#divVolunteerGrid table tr td table tr td span { display:block; width:24px; line-height:24px;text-align:center;}
#divVolunteerGrid table tr td table tr td a { display:block; width:24px; line-height:24px; color:#fff; background:#807f84; text-align:center;}
#divVolunteerGrid table tr td table tr td a:hover { background:#000; color:#fff; text-decoration:none;}

.vol-btn { background:#4c4d4f; border:solid 1px #ccc; border-bottom:solid 1px #999999; cursor:pointer!important; color:#fff; padding:2px 5px; margin:0 3px; text-transform:uppercase;}
.vol-text { background:#fff; border:solid 1px #c2c2c2;padding:2px 5px; text-transform:uppercase; color:#777; border-left:solid 1px #999; border-bottom:solid 1px #999;}


/* sliced images table */
.slices {float: left; text-align: center; clear: both; margin: 0px auto 0px 20px; padding: 0px 0px 10px 0px;}
.slices img {padding: 0px; border: 0px; float: left; clear: both; text-align: center; margin: 0px auto;}