﻿    /* Admin page background */
.PageBackground
{
    font-family: Arial;
    background-image: url(/CMS/Images/background.jpg);
    background-color: #000000;
    background-repeat: repeat-x;
    background-attachment: fixed;
    height:100%; 
} 

.EditorStyle{

 }

.EditorStyle a{
font-family: Arial; 
color: #118af3;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
font-size: 75%;
}

.EditorStyle a:hover{ /*hover state CSS*/
font-family: Arial;
color: #fe7703;

}

.EditorStyle li a:hover{ /*hover state CSS*/
font-family: Arial;
color: #fe7703;

}

.MyList li
{
padding-left: 19px; /*link text is indented 19px*/
background: url(/CMS/Images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
text-decoration: none;
display: block;
}
.MyList a:hover
{
font-family: Arial;
font-weight:bold;
color: #fe7703;
text-decoration: none;
}
.MyList a
{
font-family: Arial; 
color: #118af3;
text-decoration: none;
font-weight: bold;
font-size: 75%;
}

    /*Modal Popup*/ 

    .modalBackground 
    {
              background-color: Gray; 
              filter:alpha(opacity=70);
              opacity:0.7; 
    } 

    .modalPopup 
    {
              background-color: White; 
              border-width:3px; 
              border-style:solid; 
              border-color:Black; 
              padding:3px; 
              width:500px; 
              height:500px;
    }
    .modalDrag
    {
              background-color: Blue; 
    }
    
    
    
    

/* ADMIN Area
   Menu
*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(/CMS/Images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
font-family: Arial;
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
font-family: Arial;
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
font-family: Arial; 
color: #118af3;
background: url(/CMS/Images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 75%;
}

.arrowlistmenu ul li a:visited{
font-family: Arial;
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
font-family: Arial;
color: #fe7703;
background-color: #F3F3F3;
}

.headerbar{
font: bold 14px Arial;
color: white;
background: black url(/CMS/Images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}


.BoxHeader
{
    position:relative; 
	border:2px solid #5D7B9D;
	padding:5px;
	background-color: White;
	
}
.BoxMiddle
{
 width:80%; 
 float:right; 
 position:relative; 

    }
.BoxMenu
{
 float:left; 
 position:relative; 

	border:2px solid #5D7B9D;
	padding:5px;
	background-color: White;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */
    width:20%;
	
}
.BoxMain
{
 float:right; 
 position:relative; 

	border:2px solid #5D7B9D;
	padding:5px;
	background-color: White;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */
    width:100%;
	
}
.BoxFooter
{
	border:2px solid #5D7B9D;
	padding:5px;
	background-color: White;
	height: 30px;
 clear:both;

}


#basic-accordian{
	/*border:5px solid #5D7B9D;
	padding:5px;
	background-color: White;*/
}

.accordion_headings{
font: bold 14px Arial;
color: white;
background: black url(/CMS/Images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
/*padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.accordion_headings:hover{
font-family: Arial;
color: #fe7703;
background-color: #F3F3F3;
}

.accordion_child{
	/*padding:15px;*/

}

.header_highlight{

}















 

	
	     #wrap {
    width:1024px;
    min-width: 1024px;
   margin:0 auto;
 border:2px solid #5D7B9D;
	padding:5px;
	background-color: White;
	 
    }
    
    
    #header
{
    background-color: White;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
}

     #nav {
 float:left;
 
 background-color: White;
  
 }
     #main {
    float:left;
    width:790px;
    min-width:600px;
    padding:5px;
    vertical-align:top;
    background-color: white;
 
    }

 
     #footer {
    clear:both;
    background-color: White;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #000000;
    }

 

 
.ListModules li
{
    padding-left: 19px; /*link text is indented 19px*/
    text-decoration: none;
    display: block;
    vertical-align: middle;
}
.ListModules a:hover
{
font-family: Arial;
font-weight:bold;
color: #fe7703;
text-decoration: none;
}
.ListModules a
{
font-family: Arial; 
color: #118af3;
text-decoration: none;
font-weight: bold;
font-size: 75%;
}
 
 #PanelMain
{
    border-left-width: 1px;
    border-left-style: solid;
    padding:2px 2px 2px 2px;
}
 


