@import url("menu.css");

/********************** TINYBOX **************************/
#testdiv {width:600px; margin:0 auto; border:1px solid #ccc; padding:20px 25px; background:#fff}

#tinybox {position:absolute; display:none; padding:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}

.button {font:14px Georgia,Verdana; margin-bottom:10px; padding:8px 10px 9px; border:1px solid #ccc; background:#eee; cursor:pointer}
.button:hover {border:1px solid #bbb; background:#e3e3e3}



/*************************  CMS CSS 1 *************************/
* {
	font-family:Tahoma, sans-serif, Verdana;
	margin:0px;
}


#Body {
	background-color: #FFFFFF;
	background-image: url(images/cms_internal.png);
	background-repeat: repeat-x; 
	text-align: center;
}
body {
	background-color: #FFFFFF;
}



body, html {
	margin:0;
	height:100%;
}

.clear{
	clear: both;
}

p {
	font-family:Tahoma, sans-serif, Verdana !important;
	/*font-size: 0.75em !important;*/
	font-size: 12px !important;
	color: #666 !important;
	line-height: 1.3em !important;
	padding: 5px 0 5px 0 !important;
}

#form_side p {
	font-family:Tahoma, sans-serif, Verdana !important;
	font-size: 0.75em !important;
	color: #666 !important;
	line-height: 1.3em !important;
	padding: 5px 0 5px 0 !important;
}
p a
{
	color: #259392;
	text-decoration: none;
	font-size: .75em;
}
p a:hover{
	color: #259392;
	text-decoration: underline;
}
h1{
	font-family:Helvetica, Tahoma, sans-serif;
	font-size: 1.5em;
	color:#666;
	font-weight: bold;
	text-decoration: none;
	/*padding: 0 0 15px 0;*/
	padding: 0 0 0 0;
}
h2{
	font-family:Helvetica, Tahoma, sans-serif;
	font-size: 1.125em;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	padding: 0 0 35px 0;
}

h3{
	font-family:Helvetica, Tahoma, sans-serif;
	/*font-size: 1em !important;*/
	font-size:13.5px;
	/*color: #fff;*/
	color:#666;
	font-weight: bold; 
	text-align:left;
	text-decoration: none;
	list-style-image: url(images/arrows.png);
	list-style-position: inside;
	}

a #app_link
{
	font-family: Helvetica, Tahoma, sans-serif;
	font-size: 0.75em;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	line-height: .75em;
	margin-left: 4px;
	background-position: left center;
	background-image: url(images/arrows.png);
	background-repeat: no-repeat;
	padding-left: 22px;
	padding-top: 4px;
	padding-bottom: 4px;
	letter-spacing: .03em;
}

#nlink { text-decoration: none !important; } /* fix underline in safari */

a #app_link:hover { color: #FF6; }

a #app_link:visited { color: #FFF; }


h4{
	font-family:Helvetica, Tahoma, sans-serif;
	font-size: 1.2em;
	color: #666;
	font-weight: normal;
	text-decoration: none;
	padding: 0 0 10px 0;
}
h5{
	font-family:Helvetica, Tahoma, sans-serif;
	font-size: 1.125em;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	padding: 0;
}
h6{
	font-family:Helvetica, Tahoma, sans-serif;
	/*font-size: 1.875em; */
	font-size:29px;
	color: #333;
	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;
}

#container { 
	margin-top:0;
	position:relative;
	background-color:#Fff;
	width: 970px;
	margin-right: auto;
	margin-left: auto;
}

/*------------------------------------- Header ----------------------------------- */
	
#header {
	position: relative;
	margin: 0;
	padding: 0;
	height: 85px;
	/*width: 970px;*/
	background-image: url(images/header.jpg);
}
#logo {
	position: relative;
	/*left: 20px;*/
	margin: 0;
	padding: 0;
	/*height: 37px;*/
	width: 310px;
	float: left;
}

/*---------------------------------------------Login-------------------------------- */
#login {
	float: right;
	padding: 10px 10px 0 0;
	height:13px;
	width: 960px;
	}
#login p{
	font-family: Tahoma, sans-serif, Verdana;
	font-size: 0.8em;
	font-weight: normal;
	color: #999;
	text-decoration: none;
	padding: 0 4px 0 2px;
}
#login a{
	color: #999;
	text-decoration: none;
}
#login a:hover{
	color: #fff;
	text-decoration: none;
}

/*---------------------------------------------Contact Form-------------------------------- */


.clearfix {display: block;}
/* End hide from IE-mac */

.clearfix:after {
    content: "."; 
    display: block; 
    clear: both; 
    visibility: hidden;
}

#contact_form
{
	clear: both;
	overflow: hidden;
	width: 745px;

	border: 1px #CCC solid;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(images/contact_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 12px;
}

#contact_form #contact_info
{
	width: 196px;
	height: 334px;
	position: relative;
	border: 1px #CCC solid;
	padding: 22px;
	background-image: url(images/c_info_bg.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	float: left;
}

#contact_form #form_side
{
	float: right;
	position: relative;
	width: 462px;
	height: 334px;
	/*border: 1px #999 solid;*/
}

#contact-form #form_side p {
       padding:0px;
}


#contact_form #form_side input[type="text"]
{
	background-color: #c7e4e4;
	border: 1px #CCC solid;
	width: 422px;
	font-family:Tahoma, sans-serif, Verdana;
	font-size: 0.95em;
        margin-right: 30px;
}

#contact_form #form_side input[type="checkbox"]{
        
        clear: both;
}


#contact_form #form_side input[type="submit"]
{
	background-color: #c7e4e4;
	border: 1px #CCC solid;
	width: 423px;
	color: #333;
	margin-top: 2px;
}

#contact_form #form_side input:hover[type="submit"]
{
	background-color: #6CC;
	border: 1px #333 solid;
	cursor: pointer;
}

#contact_form #form_side textarea
{
	background-color: #c7e4e4;
	border: 1px #CCC solid;
	width: 422px;
	font-family:Tahoma, sans-serif, Verdana;
	font-size: 0.95em;	
}

#contact_form #form_side label
{
	font-family:Tahoma, sans-serif, Verdana;
	font-size: 0.85em;
	color: #666;
	line-height: 1.3em;
	padding: 5px 0 5px 0;
}

/*---------------------------------------------Sign Up Form-------------------------------- */

#contact_form .title
{
	width: 196px;
	position: relative;
	border: 1px #CCC solid;
	padding: 12px;
	background-image: url(images/c_info_bg.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	float: left;
}


#contact_form .sign_up
{
	float: right;
	position: relative;
	width: 462px;
	/*border: 1px #999 solid;*/
}


#contact_form .sign_up input[type="text"]
{
	background-color: #c7e4e4;
	border: 1px #CCC solid;
	width: 422px;
	font-family:Tahoma, sans-serif, Verdana;
	font-size: 0.95em;
}

#contact_form .sign_up input[type="submit"]
{
	background-color: #c7e4e4;
	border: 1px #CCC solid;
	width: 423px;
	color: #333;
	margin-top: 2px;
}

#contact_form .sign_up select
{
	background-color: #c7e4e4;
	border: 1px #CCC solid;
	width: 58px;
	color: #333;
	margin-top: 2px;
}

#contact_form .sign_up input:hover[type="submit"]
{
	background-color: #6CC;
	border: 1px #333 solid;
	cursor: pointer;
}

#contact_form .sign_up textarea
{
	background-color: #c7e4e4;
	border: 1px #CCC solid;
	width: 422px;
	font-family:Tahoma, sans-serif, Verdana;
	font-size: 0.95em;	
}

#contact_form .sign_up #cvv2 input[type="text"]
{
	background-color: #c7e4e4;
	border: 1px #CCC solid;
	width: 42px !important;
	font-family:Tahoma, sans-serif, Verdana;
	font-size: 0.95em;	
}

#contact_form .sign_up label
{
	font-family:Tahoma, sans-serif, Verdana;
	font-size: 0.85em;
	color: #666;
	line-height: 1.3em;
	padding: 5px 0 5px 0;
}

/*


/*---------------------------------------------- Image---------------------------*/

#imagehome {
	margin: 0;
	padding: 0;
	float: right;
	height: 269px;
	width: 970px;
	background-image: url(images/musician.jpg);
	background-repeat: no-repeat;
}

#phone {
	position: absolute;
	margin: 0;
	top: 77px;
	padding: 0 0 0 38px;
	float: left;
	height: 269px;
	width: 140px;
}

#emphasis {
	position: relative;
	margin: 0;
	padding: 50px 100px 0 0 ;
	float: right;
	width: 645px;
}


/*---------------------------------------------- Content---------------------------*/


#content{ 
	margin: 0;
	padding: 0 0 0 0;
	width: 100%;
	background-color: #fff;	
}

#box1{
	position: relative;
	margin-left: 78px;
	float: left;
	width: 231px;
	height: 180px;
	background-image: url(images/box1.jpg);
	padding: 15px 20px 20px 20px;
}

#box2{ 
	position: relative;
	float: left;
	width: 237px;
	height: 180px;
	background-image: url(images/box2.jpg);
	padding: 15px 20px 20px 20px;
}
#box3{ 
	position: relative;
	float: right;
	width: 231px;
	height: 180px;
	background-image: url(images/box3.jpg);
	margin-right: 73px;
	padding: 15px 20px 20px 20px;	
}
#box1 p, #box2 p, #box3 p {
	font-family:Tahoma, sans-serif, Verdana;
	font-size: 0.8em;
	color: #666;
	font-weight: normal;
	text-decoration: none;
}
/*--------------------------------------------- Icons -------------------------------------*/
.icons {
	position: relative;
	float: left;
	width:270px;
	padding: 0 0 0 30px;
	margin: 0;
}
.icons img{
	padding: 50px 2px 0 0;
	margin: 0;
}

.Icon{ text-align:center}
/*--------------------------------------------- Footer -------------------------------------*/
#footer {
	float: right;
	position:relative;
	width:365px;
	background-color:#fff;
	padding: 0;
	margin: 0;
}
#footer ul{
	padding: 0;
	margin:0;
	float: left;
}
#footer li{
	text-align: left;
	float: left;
	list-style-type: none;
	font-family: Tahoma, sans-serif, Verdana;
	font-size: 0.8em;
	font-weight: normal;
	color: #999;
	text-decoration: none;
	padding: 50px 10px 20px 10px;
}
#footer li a, #footer li p{
	text-align: left;
	color: #999;
	text-decoration: none;
}
#footer li a:hover{
	color: #6c6c6c;
	text-decoration: none;
}
























/*-------------------------------------- Manage Form Styles ------------------------------------------*/

#arrange
{
	float: left;
	display: inline;
	padding-left: 18px;
}

.music
{
	width: 400px;
	border-right: 1px #999 solid;

}

.singles { padding-left: 18px !important; }

#examples
{
	float: right;
	display: inline;
	padding-right: 20px;
}

hr
{
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border: 0;
	margin-top: 12px;
	margin-bottom: 12px;
}

.hrDiv
{
	background-color: none;
	height: 1px !important;
	border-bottom: solid 1px #ccc;
	margin-top: 12px;
	margin-bottom: 12px;
}

.tab_name
{
color:#333333;
/*display:inline;
float:left;*/
font-family:Tahoma,sans-serif,Verdana;
font-size:0.75em;
padding-right:16px;
position:relative;
/*width:70px;*/
}


.tab_name a:link, .tab_name a:visited, .tab_name a:active{color:#000066;}
.tab_name a:hover{ color:#0000cc;}



td
{
	padding-right: 16px;
}

.mark { background-color: #C7E4E4; }


.blacktxt { color: #333 !important; }

.redtxt { color: #900 !important; }

.greentxt { color: #063 !important; }

.greytxt { color: #666 !important; }


.normalBlack { color: #333 !important; }

.normalRed { color: #900 !important; }

.normalGreen { color: #063 !important; }

.normalGrey { color: #666 !important; }



.manage_links
{
	padding-left: 15px;
	padding-top: 4px;
}

.manage_links button[type="submit"]
{
	border: 1px #333 solid !important;
	color: #333;
	/*padding: 1px 4px 1px 4px;*/
	cursor: pointer;
	letter-spacing: .04em;
	margin: 0 4px 0 4px;
	background-position: 0 -18px;
	background-image: url(images/button_bg.jpg);
	background-repeat: no-repeat;	
}

.manage_links button:hover[type="submit"]
{
	border: 1px #666 solid;
	background-position: 0 0;
	background-image: url(images/button_bg.jpg);
	background-repeat: no-repeat;	
}
.manage_links a
{
	color: #333;
	font-family: Tahoma,sans-serif,Verdana;
	font-size: 0.75em;
	margin: 0;
	padding: 0 5px 5px 5px;
	text-decoration: none;
}

.manage_links a:hover { color: #399; }

#manage_form
{
	clear: both;
	overflow: hidden;
	width: 850px;
	border: 1px #CCC solid;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(images/contact_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 12px 12px 2px 12px;
}

#manage_form th
{
	color: #000;
	font-family: Tahoma,sans-serif,Verdana;
	font-size: 0.65em;
	text-align: left;
	letter-spacing: .05em;
/*	padding-left: 8px;*/
	padding-left: 2px;
	padding-right: 16px;
}

#manage_form #contact_info
{
	width: 196px;
	height: 334px;
	position: relative;
	border: 1px #CCC solid;
	padding: 22px;
	background-image: url(images/c_info_bg.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	float: left;
}

#manage_form #form_side
{
	float: right;
	position: relative;
	width: 462px;
	/*border: 1px #999 solid;*/
}

#manage_form input[type="file"]
{
	margin: 0px !important;
	font-family: Tahoma,sans-serif,Verdana;
	font-size: 0.75em !important;
	background-color:#f1f4f5;
	border: 1px #CCC solid;
}

#manage_form input[type="text"]
{
	/*background-color: #FFF;*/
	background-color:#f1f4f5;
	border: 1px #CCC solid;
	margin: 0px;
}


#manage_form select
{
	border: 1px #CCC solid;
	color: #333;
	margin-top: 2px; 
	background-color:#f1f4f5;
}

#manage_form input[type="button"]
{
	border:1px #999 solid;
	color: #333;
	margin: 0px 0px 2px 4px;
	/*font-size: 0.75em;	*/
	font-size: 9px; /* DNN fix */
	background-position: 0 -18px;
	background-image: url(images/button_bg.jpg);
	background-repeat: no-repeat;
	height: 18px;
	vertical-align: middle;
}

#manage_form input:hover[type="button"]
{
	background-color: #6CC;
	border: 1px #333 solid;
	cursor: pointer;
	background-position: 0 0px;
	background-image: url(images/button_bg.jpg);
	background-repeat: no-repeat;
}


/* IE  */
.submit
{
	background-color: #999;
	/*border: 1px transparent solid; */
	border:0; /* To fix the black border into Upload buttons */
	color: #333;
	margin: 0px 0px 0px 4px;
	font-size: 12px; /* DNN fix */
	background-position: 0 -18px;
	background-image: url(images/button_bg.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
	cursor: hand;
}

.submit:hover /* not working */
{
	background-color: #6CC;
	border: 1px #333 solid;
	cursor: pointer;
	cursor: hand;
	background-position: 0 0px;
	background-image: url(images/button_bg.jpg);
	background-repeat: no-repeat;
}
/* end IE */


#manage_form input[type="submit"]
{
	background-color: #c7e4e4;
	border: 1px #999 solid;
	color: #333;
	margin: 0px 0px 0px 4px;
	/*font-size: 0.75em;	*/
	font-size: 12px; /* DNN fix */
	background-position: 0 -18px;
	background-image: url(images/button_bg.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
	cursor: hand;	
}

#manage_form input:hover[type="submit"]
{
	background-color: #6CC;
	border: 1px #333 solid;
	cursor: pointer;
	cursor: hand;
	background-position: 0 0px;
	background-image: url(images/button_bg.jpg);
	background-repeat: no-repeat;
}

#manage_form .preview a
{
	background-color: #c7e4e4;
	border: 1px #999 solid;
	color: #333;
	margin: 0px 0px 0px 4px;
	font-size: 0.75em;
	background-position: 0 -18px;
	background-image: url(images/button_bg.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	padding-right: 8px;
	padding-left: 8px;
	height: 18px;
}


#manage_form .preview a:hover
{
	background-color: #6CC;
	border: 1px #333 solid;
	cursor: pointer;
	background-position: 0 0px;
	background-image: url(images/button_bg.jpg);
	background-repeat: no-repeat;
}

#manage_form .dissabled, #manage_form .dissabled:hover
{
	color: #666 !important;
	background-color: #999;
	border: 1px #CCC solid !important;
	cursor: not-allowed !important;
	background-position: 0 -18px !important;
	background-image: url(images/button_bg.jpg);
	background-repeat: no-repeat;
}

#manage_form textarea
{
	background-color: #FFF;
	border: 1px #CCC solid;
	font-family:Tahoma, sans-serif, Verdana;
	font-size: 0.75em;	
}

#manage_form label
{
	float:left;
	line-height:21px;
	margin-right:10px;
	text-align:right;
	width:160px !important;
	font-family: Tahoma,sans-serif,Verdana;
	font-size: .75em;
	letter-spacing: .04em;	
}
#manage_form .upload label
{
	float:left;
	line-height:21px;
	margin-right:10px;
	text-align:left !important;
	width:40px !important;
}

#manage_form .upload
{
	padding:5px 0
}

#manage_form p
{
	text-align:left;
}

#manage_form p .manage_form_label
{
	float:left; 
	line-height:21px;
	text-align:right;
	width:120px !important;
	font-family: Tahoma,sans-serif,Verdana;
	font-size: .75em;
	letter-spacing: .04em;	
}



.buttons
{
	float: right;
	margin-top: 12px; padding:0px 12px 12px 0px;
}

.legend { 
	padding: 6px; 
	text-align:left
	}

.legend img
{
	padding: 2px 6px 0 0;
	vertical-align: middle;
}


/*-------------------------------------- Lightbox help Styles ------------------------------------------*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}	
#imageData #bottomNav{ text-align: right; }	 			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

	

#imageinternal {
	margin: 0;
	padding: 20px 0 0 20px;
	/* float: right;*/
	float: none;
	height: 50px;
	.height: 70px;/* IE */	
	/*width: 950px;*/
	background-image: url(images/cmsbg.png);
	background-repeat: no-repeat; text-align:left
}
#contentinternal{ 
	margin: 0;
	padding: 15px 25px 0 35px;
	width: 910px;
	background-color: #fff;	
}
.features{
	margin: 0;
	padding: 15px;
	position: relative;
	float: left;
	width: 425px;
	height: 95px;
	background-image: url(images/features.jpg);
}
.features2{
	margin: 0;
	padding: 15px;
	position: relative;
	float: left;
	width: 424px;
	height: 95px;
	background-image: url(images/features.jpg);
}
.features img, .features2 img{
	margin: 0;
	padding: 0 15px 20px 0;
	float: left;

}


.pricing
{
	margin: 0;
	padding: 15px 0 15px 15px;
	position: relative;
	float: left;
	width: 425px;
	background-image: url(images/price_bg.jpg);
	background-repeat: no-repeat;
	border-right: 1px #CCC solid;
	border-top: 1px #CCC solid;
}
.pricing2
{
	margin: 0;
	padding: 15px 0 15px 15px;
	position: relative;
	float: left;
	width: 424px;
	background-image: url(images/price_bg.jpg);
	background-repeat: no-repeat;
	border-top: 1px #CCC solid;
	
}

.pricing2 p, .pricing p { padding-right: 15px; line-height: 1.75em; }

#price
{
	color:#259392;
	font-family: Tahoma,sans-serif,Verdana;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.75em;
}














/* DNN STYLES */

/* ControlPanel */
.ControlPanel{ background-color:#FFF; border:none;padding-bottom:10px;}
.cpanel_left {background-color:#FFF;padding-left:21px;}
.cpanel_right {background-color:#FFF;padding-right:33px;}
/*.dnn_ContentPane{ background:none}*/



.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Tahoma, sans-serif, Verdana !important;}
.Head{font-size: 0.75em;
	color: #999;
	font-weight: normal;
	text-decoration: none;
	list-style-image: url(images/arrows.png);
	list-style-position: inside;}
.SubHead {font-size: 1em;
	color: #333;
	font-weight: normal;
	text-decoration: none;
	padding: 0;}
.SubSubHead{font-size: 1.5em;
	color: #999;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 15px 0;}
.NormalRed {color:#F00;}
.Normal p{ 
	/*font-size: 0.75em !important;*/
	color: #666 !important;
	line-height: 1.3em !important;
	padding: 5px 0 5px 0 !important; }


/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}


.search_style{float:right; height:40px;}
.search_bg{padding:8px 2px 0 0;}

.bread_bg{padding:0px; margin: 0 19px 0 7px; background:url(images/bread_bg.png) repeat-x top left; height:34px;}
.bread_left{padding:0px; margin:0px; background:url(images/bread_left.png) no-repeat top left; height:34px;}
.bread_right{padding:0px 0px 0px 11px;background:url(images/bread_right.png) no-repeat top right; height:34px;}

#login_style{ float:right; padding:8px 17px 0px 10px; }
#bread_style{ float:left; line-height:34px; padding-left:18px;color:#000000;}

.center_bg{padding:0px; margin:0px;clear:both;}
.left_bg{padding:0px; margin:0px; background:url(images/left_bg.png) repeat-y top left;}
.right_bg{padding:0px 0px 0px 11px; margin:0px; background:url(images/right_bg.png) repeat-y top right;}
.content_pad{padding:10px 22px 0 22px; margin: 0 19px 0 7px; background:#FFF url(images/center_bg.png) repeat-x bottom left;}
.content_width{padding-top:15px; min-height:350px;}

.bot_left{padding:0px; margin:0px; background:url(images/bot_left.png) no-repeat top left;}
.bot_right{padding:0px; margin:0px; background:url(images/bot_right.png) no-repeat top right; padding:0px 39px 0px 27px;}
.bot_bg{padding:0px; margin:0px; background:url(images/bot_bg.png) repeat-x top left; height:41px;}

.bot_pad{margin-bottom:20px;padding:0 30px 0 20px;}
#terms_style{float:left;}
#copy_style{float:right;}

.clear_float{clear:both; line-height:0; font-size:0; height:0;}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link
{
	color: #3e414d;
}

A.CommandButton:visited
{
	color: #3e414d;
}

A.CommandButton:hover
{
	color: #7f8394;
}

A.CommandButton:active
{
	color: #3e414d;
}

/*-------ControlPanel ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3e414d;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:11px;}

/*--------- panes ----------*/

/*.LeftPane{ padding:0px 20px 0px 0px; width:20%; margin:0px; }
.RightPane{ padding:0px 0px 0px 20px; width:20%; margin:0px; }*/

/*-------------- Links --------------*/
.linkscontainer{padding-top:20px;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#3e414d; text-transform:uppercase;}
a.links:hover{color:#C00;}



/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

input.SearchTextBox{float: left; z-index: 10; border: 0px; width:130px; height:18px; margin-left:3px; color: #43494D;}










/* Accessibility and cross-browser tools */

/* 
menu links accesskeys 
*/
span.accesskey {
   text-decoration:none;
}

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */


/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

/* make some room for the image */
a.external {
/* css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
  padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
  color: #18507C;
/* background image for the link to show wiki style arrow */
  background: url(images/cms/external.gif) no-repeat 100% 0;
}
a.external:visited {
  color: #18507C; /* a different color can be used for visited external links */

/* 
Set the last 0 to -100px to use that part of the external.gif image for different color for active links 
external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.
*/
  background: url(images/cms/external.gif) no-repeat 100% 0; 
}

a.external:hover {
  color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
  background: url(images/cms/external.gif) no-repeat 100% 0; 
  background-color: #C3D4DF;
}
/* end wiki style external links */


/* clearing */
/* 
clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item.
We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience.
Do not edit if you dont know what you are doing
*/
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */







/* INPUTS */
input{ border: solid 1px #d2dade; background-color:#f1f4f5}
textarea { border: solid 1px #d2dade; background-color:#f1f4f5 !important}
select { border: solid 1px #d2dade; background-color:#f1f4f5 !important}







/* **************************** CSS 2 ***************************/
/* **************************** NAVIGATION ***************************/

#nav
{
	margin-right: auto;
	margin-left: 20px; 
	border: solid 1px transparent;
	margin-bottom:-5px; /* FF */
	padding-left:12px; /* FF */
	.margin-bottom:0px; /* IE */
	.padding-left:0px; /* IE */
	
}

ul#toc
{
	list-style:none !important; 
	margin: 0;
	padding: 0;
	overflow: hidden;
}


ul#toc li 
{
    float: left;
    margin: 3px;
	margin:0;
	list-style:none !important;
}


ul#toc a
{
	background: #2e2005 url(images/tab.png);
	color: #000;
	display: block;
	float: left;
	height: 2em;
	padding-left: 10px;
	text-decoration: none;
	font-family: Tahoma,sans-serif,Verdana;
	font-size: .75em;
	letter-spacing: .04em;
}

ul#toc a:hover {
    background-color: #3af;
    background-position: 0 -29px;
}

ul#toc a:hover span {
    background-position: 100% -29px;
}

ul#toc li.current a {
    background-color: #2e2005;
    background-position: 0 -29px;
    color: #000;
    font-weight: bold;
}

ul#toc li.current span {
    background-position: 100% -29px;
}

ul#toc span {
    background: url(images/tab.png) 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 10px;
}


.tabsmenubuttons
{
	float:left;
	margin:0; width:15%;
	
	vertical-align:middle; 
	padding-top:4px;
}



/* MESSAGES */
.NormalGreen{ 
color: #090;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;}
	
/* TABS MENU */
.submit
{
	background-color: #c7e4e4;
	border: 1px #999 solid;
	color: #333 ;
	margin: 0px 0px 0px 4px;
	font-size: 12px; /* DNN fix */
	background-position: 0 -18px;
	background-image: url(images/button_bg.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
	cursor: hand;
	
}

.disabledButton
{
	background-color: #c7e4e4;
	border: 1px #999 solid;
	color: #909090;
	margin: 0px 0px 0px 4px;
	font-size: 12px; /* DNN fix */
	background-position: 0 -18px;
	background-image: url(images/button_bg.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
	cursor: hand;	
}

.tabs_menu input:hover[type="submit"]
{
	background-color: #6CC;
	border: 1px #333 solid;
	cursor: pointer;
	cursor: hand;
	background-position: 0 0px;
	background-image: url(images/button_bg.jpg);
	background-repeat: no-repeat;
}






/* DASHBOARD */
.dashboard{ 
	text-align:left; 
	width:100%
	}
.dashboard span{ 
	font-family:Arial; 
	font-size:16px; 
	color:#666666; 
	font-weight:bold; 
	}
	
.dashboard a{ 
	font-family:Arial; 
	font-size:0.9em; 
	color:#666666; 
	font-weight:bold; 
	}
.dashboard a:hover{ 
	font-family:Arial;
	font-size:0.9em; 
	 color: #999;
	font-weight:bold; text-decoration:none
	}


/* ADMIN MODULES */
#adminModule{}
#adminModule table{ width:98%;border:solid 1px #8ea9b8; background-color:#c0ccd3;font-size:12px; color:#343434}
#adminModule  .oddRow{background-color:#d2dade !important}
#adminModule td{text-align:left; padding:5px}
#adminModule th{text-align:left; padding:5px; font-size:14px; color:#343434; font-weight:bold}
#adminModule input{ background-color:#f1f4f5; border: solid 1px #8ea9b8;}
#adminModule select{ background-color:#f1f4f5; border: solid 1px #8ea9b8;}
#adminModule .disabled{background-color:#d1dbe0; border: solid 1px #8ea9b8;}




#adminContent .ContentHeaderTab
{
	width:100%; background-color:#8ea9b8; padding:5px
	}
#adminContent .ContentHeaderTab a
{
	font-size:16px; color:#FFF
}
/*
#adminModule .level-1
{
	background:#d2dade;
}
*/
#adminContent .level-1
{
	background:#d2dade; text-align:left; margin:0;
}

#adminContent .level-1-first
{
	background:#d2dade; text-align:left; margin:0;
}

#adminContent .level-1 td
{
	padding:5px;border-top: dashed 1px #8ea9b8; vertical-align:top
}

#adminContent .adminTableHeader{padding:5px;}

#adminContent .level-1-first td
{
	padding:5px;
}

#adminContent .level-2
{
	background:#fff9ba;
	text-align:left;margin:0; 
	border-top: dashed 1px #e3dc8e
}
#adminContent .level-2-first
{
	background:#fff9ba;
	text-align:left;margin:0; 
}

#adminContent .level-2-td
{
	padding:5px !important;
}



#adminContent table{ 
	font-size:11px; 
	color:#343434; 
	margin:0px !important; 
	padding:0px !important; 
	width:100% !important; 
	}
	
#adminContent td{ 
	margin:0px; 
	padding:0px; 
	border:0;
}






/* FEEDBACK */
#feedback_form
{
	position: absolute; 
	top:300px; 
	left:0px; 
	float: left; text-align:left; 
	height:157px; z-index:999;
	margin:0; padding:0;
	font-size:12px;
}


#feedback_form a
{
	font-size:12px;
}

#feedback_form .form
{

	border: 1px #CCC solid;
	background-image: url(images/contact_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0px 12px 2px 12px;
}

#feedback_form .feedbackBtn{ width:36px; height:157px; margin:0; padding:0}



/* PAGER */
.pager table{ max-width:50px !important; text-align:left;}
.pager td{}
.pager a:active,.pager a:link,.pager a:visited{ font-size:12px; color:#333; text-decoration:none} 
.pager a:hover{ font-size:12px; color:#333; text-decoration: underline} 
.pager span{ font-size:12px; color:#900; text-decoration: underline}