/* Admin page background */
.FuJaxPageBackground
{
    font-family: Arial;
    background-image: url(/CMS/Images/background.jpg);
    background-color: #000000;
    background-repeat: repeat-x;
    background-attachment: fixed;
    height:100%; 
} 

.FuJaxEditorStyle{

 }

.FuJaxEditorStyle a{
font-family: Arial; 
color: #118af3;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
font-size: 75%;
}

.FuJaxEditorStyle a:hover{ /*hover state CSS*/
font-family: Arial;
color: #fe7703;

}

.FuJaxEditorStyle li a:hover{ /*hover state CSS*/
font-family: Arial;
color: #fe7703;

}

.FuJaxMyList 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;
}
.FuJaxMyList a:hover
{
font-family: Arial;
font-weight:bold;
color: #fe7703;
text-decoration: none;
}
.FuJaxMyList a
{
font-family: Arial; 
color: #118af3;
text-decoration: none;
font-weight: bold;
font-size: 75%;
}

    /*Modal Popup*/ 

    .modalBackground 
    {
              background-color: Black; 
              filter:alpha(opacity=70);
              opacity:0.7; 
    } 

    .modalPopup 
    {
 
              
    }
    .modalDrag
    {
              background-color: Blue; 
    }
    
    
    /* Rectangle-border style with curve
------------------------------------------ */
.rectangle-speech-border {
	position:relative; 
	padding:5px 15px; 
	margin:1em 0 3em;
	border:10px solid #05D3EB; 
	text-align:center; 
	color:#333;
	background:#fff; 
	


	/* css3 */
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
}

/* creates larger curve */
.rectangle-speech-border:before {
	content:"\00a0"; 
	position:absolute; 
	z-index:10; 
	bottom:-40px; 
	left:50px; 
	width:50px; 
	height:30px;
	border-style:solid; 
	border-width:0 10px 10px 0; 
	border-color:#05D3EB; 
	background:transparent;
	
		filter:alpha(opacity=70);
    opacity:0.7;

	/* css3 */
	-moz-border-radius-bottomright:80px 50px;
	-webkit-border-bottom-right-radius:80px 50px;
	border-bottom-right-radius:80px 50px;
}

/* creates smaller curve */
.rectangle-speech-border:after {
	content:"\00a0"; 
	position:absolute; 
	z-index:10; 
	bottom:-40px; 
	left:50px; 
	width:20px; 
	height:30px; 
	border-style:solid; 
	border-width:0 10px 10px 0; 
	border-color:#05D3EB; 
	background:transparent;
	
		filter:alpha(opacity=70);
    opacity:0.7;

	/* css3 */
	-moz-border-radius-bottomright:40px 50px; 
	-webkit-border-bottom-right-radius:40px 50px; 
	border-bottom-right-radius:40px 50px; 
}

/* creates a small circle to produce a rounded point where the two curves meet */
.rectangle-speech-border>:first-child:before {
	content:"\00a0"; 
	position:absolute; 
	z-index:1; 
	bottom:-40px; 
	left:45px; 
	width:10px; 
	height:10px;
	background:#05D3EB;
	
		filter:alpha(opacity=70);
    opacity:0.7;

	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

/* creates a white rectangle to cover part of the oval border*/
.rectangle-speech-border>:first-child:after {
	content:"\00a0"; 
	position:absolute; 
	z-index:1; 
	bottom:-10px; 
	left:76px; 
	width:24px; 
	height:15px; 
	background:#fff;
}

/* end */
    

/* ADMIN Area
   Menu
*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.FuJaxarrowlistmenu{
width: 180px; /*width of menu*/
}

.FuJaxarrowlistmenu .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*/
}

.FuJaxarrowlistmenu ul{
font-family: Arial;
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.FuJaxarrowlistmenu ul li{
font-family: Arial;
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.FuJaxarrowlistmenu 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%;
}

.FuJaxarrowlistmenu ul li a:visited{
font-family: Arial;
color: #A70303;
}

.FuJaxarrowlistmenu ul li a:hover{ /*hover state CSS*/
font-family: Arial;
color: #fe7703;
background-color: #F3F3F3;
}

.FuJaxheaderbar{
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*/
}


.FuJaxBoxHeader
{
    position:relative; 
	border:2px solid #5D7B9D;
	padding:5px;
	background-color: White;
	
}
.FuJaxBoxMiddle
{
 width:80%; 
 float:right; 
 position:relative; 

    }
.FuJaxBoxMenu
{
 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%;
	
}
.FuJaxBoxMain
{
 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%;
	
}
.FuJaxBoxFooter
{
	border:2px solid #5D7B9D;
	padding:5px;
	background-color: White;
	height: 30px;
 clear:both;

}


#FuJaxbasic-accordian{
	/*border:5px solid #5D7B9D;
	padding:5px;
	background-color: White;*/
}

.FuJaxaccordion_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*/
}

.FuJaxaccordion_headings:hover{
font-family: Arial;
color: #fe7703;
background-color: #F3F3F3;
}

.FuJaxaccordion_child{
	/*padding:15px;*/

}











 

	
	     #FuJaxwrap {
    width:1024px;
    min-width: 1024px;
   margin:0 auto;
 border:2px solid #5D7B9D;
	padding:5px;
	background-color: White;
	 
    }
    
    
    #FuJaxheader
{
    background-color: White;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
}

     #FuJaxnav {
 float:left;
 
 background-color: White;
  
 }
     #FuJaxmain {
    float:left;
    width:790px;
    min-width:600px;
    padding:5px;
    vertical-align:top;
    background-color: white;
 
    }

 
     #FuJaxfooter {
    clear:both;
    background-color: White;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #000000;
    }

 

 
.FuJaxListModules li
{
    padding-left: 19px; /*link text is indented 19px*/
    text-decoration: none;
    display: block;
    vertical-align: middle;
}
.FuJaxListModules a:hover
{
font-family: Arial;
font-weight:bold;
color: #fe7703;
text-decoration: none;
}
.FuJaxListModules a
{
font-family: Arial; 
color: #118af3;
text-decoration: none;
font-weight: bold;
font-size: 75%;
}
 
 #FuJaxPanelMain
{
    border-left-width: 1px;
    border-left-style: solid;
    padding:2px 2px 2px 2px;
}
 



/* For the FuJax Core files */
#FuJaxfootpanel
                {
                    position: fixed;
                    bottom: 0;
                    left: 0;
                    z-index: 9999; /*--Keeps the panel on top of all other elements--*/
                    background: #e3e2e2;
                    border: 1px solid #c3c3c3;
                    border-bottom: none;
                    width: 94%;
                    margin: 0 3%;
                    font: 10px normal Verdana, Arial, Helvetica, sans-serif;
                }
                
                *html #FuJaxfootpanel
                {
                    /*--IE6 Hack - Fixed Positioning to the Bottom--*/
                    margin-top: -1px; /*--prevents IE6 from having an infinity scroll bar - due to 1px border on #FuJaxfootpanel--*/
                    position: absolute;
                    top: expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
                }
                
                #FuJaxfootpanel ul
                {
                    padding: 0;
                    margin: 0;
                    float: left;
                    width: 100%;
                    list-style: none;
                    border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
                    font-size: 1.1em;
                }
                #FuJaxfootpanel ul li
                {
                    padding: 0;
                    margin: 0;
                    float: left;
                    position: relative;
                }
                #FuJaxfootpanel ul li a
                {
                    padding: 5px;
                    float: left;
                    text-indent: -9999px;
                    height: 16px;
                    width: 16px;
                    text-decoration: none;
                    color: #333;
                    position: relative;
                }
                html #FuJaxfootpanel ul li a:hover
                {
                    background-color: #fff;
                }
                html #FuJaxfootpanel ul li a.active
                {
                    /*--Active state when subpanel is open--*/
                    background-color: #fff;
                    height: 17px;
                    margin-top: -2px; /*--Push it up 2px to attach the active button to subpanel--*/
                    border: 1px solid #555;
                    border-top: none;
                    z-index: 200; /*--Keeps the active area on top of the subpanel--*/
                    position: relative;
                }
                
                
                #FuJaxfootpanel a.fujaxlogo
                {
                    background: url(/CMS/Images/fujax_logo.png) no-repeat 12px center;
                    width: 50px;
                    padding-left: 45px;
                    border-right: 1px solid #bbb;
                    text-indent: 0; /*--Reset text indent--*/
                }
                #FuJaxfootpanel a.version
                {
                    width: 35px;
                    border-right: 1px solid #bbb;
                    padding-left: 0px;
                    text-indent: 0; /*--Reset text indent--*/
                }
                a.home
                {
                    background: url(/CMS/Images/home.png) no-repeat center center;
                }
                a.users
                {
                    background: url(/CMS/Images/user.png) no-repeat center center;
                }
                a.languages
                {
                    background: url(/CMS/Images/language.png) no-repeat center center;
                }
                a.editmode
                {
                    background: url(/CMS/Images/postage-stamp--pencil.png) no-repeat center center;
                }
                
                #FuJaxfootpanel a.chat
                {
                    background: url(/CMS/Images/balloon.png) no-repeat 15px center;
                    width: 126px;
                    border-left: 1px solid #bbb;
                    border-right: 1px solid #bbb;
                    padding-left: 40px;
                    text-indent: 0; /*--Reset text indent--*/
                }
                
                a.alerts
                {
                    background: url(/CMS/Images/newspaper.png) no-repeat center center;
                }
                
                #FuJaxfootpanel a.logout
                {
                    background: url(/CMS/Images/logout.png) no-repeat center center;
                }
                
                #FuJaxfootpanel a.progress
                {
                    background: url(/CMS/Images/loadingsmall.gif) no-repeat center center;
                }
                
                #FuJaxfootpanel li#chatpanel, #FuJaxfootpanel li#alertpanel, #FuJaxfootpanel li#logoutpanel, #FuJaxfootpanel li#progresspanel
                {
                    float: right;
                }
                /*--Right align the chat and alert panels--*/
                
                #FuJaxfootpanel a small
                {
                    /*--panel tool tip styles--*/
                    text-align: center;
                    width: 70px;
                    background: url(/CMS/Images/pop_arrow.gif) no-repeat center bottom;
                    padding: 5px 5px 11px;
                    display: none; /*--Hide by default--*/
                    color: #fff;
                    font-size: 1em;
                    text-indent: 0;
                }
                #FuJaxfootpanel a:hover small
                {
                    display: block; /*--Show on hover--*/
                    position: absolute;
                    top: -35px; /*--Position tooltip 35px above the list item--*/
                    left: 50%;
                    margin-left: -40px; /*--Center the tooltip--*/
                    z-index: 9999;
                }
                
                
                
                
                
                #FuJaxfootpanel ul li div a
                {
                    /*--Reset link style for subpanel links--*/
                    text-indent: 0;
                    width: auto;
                    height: auto;
                    padding: 0;
                    float: none;
                    color: #00629a;
                    position: static;
                }
                #FuJaxfootpanel ul li div a:hover
                {
                    text-decoration: underline;
                }
                /*--Reset link style for subpanel links--*/
                
                #FuJaxfootpanel .subpanel
                {
                    position: absolute;
                    left: 0;
                    bottom: 27px;
                    display: none; /*--Hide by default--*/
                    width: 198px;
                    border: 1px solid #555;
                    background: #fff;
                    overflow: hidden;
                    padding-bottom: 2px;
                }
                #FuJaxfootpanel h3
                {
                    background: #526ea6;
                    padding: 5px 10px;
                    color: #fff;
                    font-size: 1.1em;
                    cursor: pointer;
                }
                #FuJaxfootpanel h3 span
                {
                    font-size: 1.5em;
                    float: right;
                    line-height: 0.6em;
                    font-weight: normal;
                }
                #FuJaxfootpanel .subpanel ul
                {
                    padding: 0;
                    margin: 0;
                    background: #fff;
                    width: 100%;
                    overflow: auto;
                }
                #FuJaxfootpanel .subpanel li
                {
                    float: none; /*--Reset float--*/
                    display: block;
                    padding: 0;
                    margin: 0;
                    overflow: hidden;
                    clear: both;
                    background: #fff;
                    position: static; /*--Reset relative positioning--*/
                    font-size: 0.9em;
                }
                
                #chatpanel .subpanel li
                {
                    background: url(/CMS/Images/dash.gif) repeat-x left center;
                }
                #chatpanel .subpanel li span
                {
                    padding: 5px;
                    background: #fff;
                    color: #777;
                    float: left;
                }
                #chatpanel .subpanel li a img
                {
                    float: left;
                    margin: 0 5px;
                }
                #chatpanel .subpanel li a
                {
                    padding: 3px 0;
                    margin: 0;
                    line-height: 22px;
                    height: 22px;
                    background: #fff;
                    display: block;
                }
                #chatpanel .subpanel li a:hover
                {
                    background: #3b5998;
                    color: #fff;
                    text-decoration: none;
                }
                
                
                #alertpanel .subpanel
                {
                    right: 0;
                    left: auto; /*--Reset left positioning and make it right positioned--*/
                }
                #alertpanel .subpanel li
                {
                    border-top: 1px solid #f0f0f0;
                    display: block;
                }
                #alertpanel .subpanel li p
                {
                    padding: 5px 10px;
                }
                #alertpanel .subpanel li a.delete
                {
                    background: url(/CMS/Images/delete_x.gif) no-repeat;
                    float: right;
                    width: 13px;
                    height: 14px;
                    margin: 5px;
                    text-indent: -9999px;
                    visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/
                }
                #alertpanel .subpanel li a.delete:hover
                {
                    background-position: left bottom;
                }
                #FuJaxfootpanel #alertpanel li.view
                {
                    text-align: right;
                    padding: 5px 10px 5px 0;
                }
                
                /* Popup windows */
                
                #FuJaxmask
                {
                    position: absolute;
                    left: 0;
                    top: 0;
                    z-index: 9000;
                    background-color: #000;
                    display: none;
                }
                
                #FuJaxboxes .window
                {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 80%;
                    height: 600px;
                    display: none;
                    z-index: 9999;
                    padding: 20px;
                }
                
                #FuJaxboxes #dialog
                {
                    width: 80%;
                    height: 520px;
                    padding: 10px;
                    background: #e3e2e2;
                    border: 1px solid #c3c3c3;
                }
                #FuJaxboxes #content
                {
                    height: 490px;
                    overflow-x: auto;
                }