body
{
background-color: #ffffff;
margin: 0px;
width:100%;
height:100%;
color: #111111;
font-size: 11px;
font-family: "trebuchet ms", helvetica, sans-serif;
text-align:left;
}

h2 {
	margin: 0;
	color: #006699;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: -1px;
	padding-left:25px;
	background-image:url(images/bullet.gif);
	background-repeat:no-repeat;
	background-position: 5px 3px;
}

h2 a:link, h2 a:hover, h2 a:visited {
	color: #000;
	text-decoration: none;
}
	
h1 {
	font-size: 20px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #182428;
	margin: 0;
}

h1 a:link, h1 a:visited, h1 a:hover {
	text-decoration: none;
	color: #003366;
}
	
h4 {
	margin: 0;
	color: #182428;
	font-size: 13px;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:6px;
	background-image:url(../images/dots-hr-4.gif);
	background-repeat:repeat-x;
}

h3 {
	margin: 0 0 8px 0;
	color: #999;
	font-size: 19px;
	font-weight: normal;
	letter-spacing: -1px;
	text-transform: uppercase;
}

/*h5 {
    font-weight: bold; 
	font-size: 12px; margin: 0 0 1.5em 0; padding: 0;
}*/

.hr{
	width: 100%;
	height:8px;
	background-image:url(../images/dots-hr.gif);
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	background-repeat: repeat-x;
	background-position:center;
}


#header
{
width: 100%;
height: 70px;
/*background: url('../images/studio_hd.jpg') repeat-x;*/
background-position:center
color: #ffffff;
overflow:visible;
}

#header_inner
{
position: relative;
width: 640px;
height: 70px;
margin: 0px auto;
}


#header_inner h1
{
background: inherit;
position: absolute;
left: 5px;
bottom: 2px;
text-transform: lowercase;
font-size: 14px;
color: #fff;
font-weight: normal;
letter-spacing: 0px;
}

#header_inner h1 a{
color: #;
font-weight:100;
text-decoration:none;
}

#header_inner h1 a:hover{
color:#F47C22;
}

#header_inner h1 span
{
background: inherit;
color: #DADADA;
}

#slogan
{
background: inherit;
position: absolute;
right: 5px;
bottom: 2px;
color: #DADADA;
text-transform: lowercase;
font-size: 14px;
}

#slogan a{
color: #ffffff;
font-weight:100;
text-decoration:none;
}

#slogan a:hover{
color:#a90000;
}

#main
{
padding-top: 0px;
background-color: #fff;
/*position: relative;*/
width: 550px;
margin: 0px auto;
border-top: 1px solid #f3f3f3;
border-right: 1px solid #f3f3f3;
border-bottom: 1px solid #f3f3f3; 
border-left: 1px solid #f3f3f3;
}

#left
{
padding-top: 0px;
background-color: #fff;
/*position: relative;*/
width: 200px;
margin: 0px auto;
border-top: 1px solid #f3f3f3;
border-right: 1px solid #f3f3f3;
border-bottom: 1px solid #f3f3f3; 
border-left: 1px solid #f3f3f3;
}

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

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(http://sermon.net/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{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #3b4248;
background: url(http://sermon.net/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;
border-bottom: 1px solid #999999;
}

.arrowlistmenu ul li a:visited{
color: #3b4248;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #ffffff;
background-color: #999999;
}

.upgrade
{font-size: 11px;
font-family: "trebuchet ms", helvetica, sans-serif;}

.upgrade a, .upgrade a:visited, .upgrade a:hover, .upgrade a:active {
color: #3EB656;
text-decoration: none;
}

/* UGRADE BUTTONS */

a.boldbuttons{
background: transparent url('../images/roundedge-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('../images/roundedge-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/* COMMENT BOX */

.commentbox{
background-color: #ececec;
width: 350px;
padding: 10px;
}

.commentfooter{
background: url(../images/commentarrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
height: 25px;
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}


#mmfooter
{
clear: both;
background: url('../images/mm_footer.gif') repeat-x;
width: 525px;
margin: 0px auto;
margin-bottom: 25px;
padding-top: 10px;
text-align: center;
text-transform: lowercase;
font-size: 10px;
}

/* Boxes */

.borderbox {
   background: white;
   position: relative;
   border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border: 1px solid #CCCCCC;
   margin: 0px;
/*   z-index: 5;*/
}

div.borderbox {
   width: 500px;
}


/*Default style for SPAN icons. Edit if desired: */
.iconspan {
   float: left;
   margin: 3px;
   cursor: hand;
   cursor: pointer;
   font-weight: bold;
}

/*CSS used to style the examples. Remove if desired: */
.cursor {
   background-color: #FFFFFF;
   font-weight: bold;
   padding: 2px;
   vertical-align: middle;
   cursor:hand;
   cursor:pointer;
}
.eg-bar, DIV.ftp_import , DIV.custom-bar{
   background-color: #F3F3F3;
   font-weight: bold;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border: 1px solid #F3F3F3;
   padding: 2px;
   vertical-align: middle;
   cursor:hand;
   cursor:pointer;
}

div.eg-bar {
   width: 99%;
}

.add {
   background: white;
   position: relative;
   border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border: 1px solid #CCCCCC;
   margin: 0px;
   z-index: 5;
   
}

div.add {
   width: 500px;
}

.switchgroup1 {
   
}

div.switchgroup1 {
   /*width: 500px;*/
}

.icongroup1 {
   width: 500px;
}
.left_content{
float:left;
margin-left:10px;
margin-top:10px;
}

*html .left_content{
float:left;
margin-left:10px;
margin-top:10px;
}

.right_content{
	margin-top:10px;
	float:right;
	margin-right:10px;
	padding-left: 10px;
	border-left: solid 1px #F2F2F2;
}

*html .right_content{
	margin-top:10px;
	float:right;
	margin-right:10px;
	padding-left: 10px;
	border-left: solid 1px #F2F2F2;
}

.errors{
	color:red;
	font-weight:bold;
}

/* Left Nav */
img{border:0px;}
.flt{float:left;}
.menubg{clear:left; background-color:#8d8d8d; width:202px;}
.menu{float:left; clear:left; font:bold 11px Arial, Helvetica, sans-serif;}
.menu li {
margin:0px 0px 0px 0px;
	list-style:none;
	}
.menu a, .menu a:visited {
	width:186px;
	height:22px;
	margin:0px 0px 2px -32px;
	position:relative;
	display:block;
	color:#fff;
	text-decoration:none;
	background:url(../images/menubg2.jpg) no-repeat;
	padding:4px 0 0 8px;
	}
*html .menu a, .menu a:visited {
	width:186px;
	height:22px;
	margin:0px 0px 2px -32px;
	position:relative;
	display:block;
	color:#fff;
	text-decoration:none;
	background:url(../images/menubg2.jpg) no-repeat;
	padding:4px 0 0 8px;
	}
.menu a:hover, .menu a:active,
.menu li.current_page_item a, .menu li.current_page_item a:visited  {
	background:url(../images/menubg1.jpg) no-repeat;
	text-decoration:none;
	}	
.bot{clear:left;}

.form_element{
	width:155px;
}

.error_msg {
	color:red;
	font-weight:bold;
}

.iphone_error_msg{
	margin-left:157px;
	display:inline;
}







.input {
    border: 1px solid #006;
    background: #ffc;
}
.input:hover {
    border: 1px solid #f00;
    background: #ff6;
}

label {
    display: block;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}
br { clear: left; }

.button {
    border: 1px solid #ddd;
	background: #fff;
	text-shadow: 0px 1px 0px #fff;
	display: inline-block;
	
	line-height: 18px;
	padding: 2px 8px 2px 8px;
	
	/* CURVED CORNERS */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

}


.button:hover {
	border-color: #d0d0d0;
	line-height: 18px;
	
	/* DROP SHADOWS */
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	background-color: #ebebeb;
	border-color: #dbdbdb #d4d4d4 #c0c0c0;
	
	background: -moz-linear-gradient(top,
		#fff,
		#f8f8f8 65%,
		#ebebeb
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#fff),
		color-stop(0.65, #f8f8f8),
		to(#ebebeb)
	);	
	
	/* CURVED CORNERS */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#f8f8f8', EndColorStr='#ebebeb');
}

/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* jQuery Shortcode Toggle  */

.Toggle {
padding:0;
margin:0;
height:25px;
line-height: 26px;
background:url(images/bg-panel.jpg) top right no-repeat;
border:1px solid #d6d6d6;
cursor:pointer;
font-size:1.0em;
clear:both;
text-shadow:0 1px 1px #ffffff;
margin-bottom:2px;
}
.ActiveToggle {
background:url(images/bg-panel.jpg) bottom right no-repeat;
border:1px solid #c15628;
cursor:pointer;
color:#FFF;
text-shadow:0 1px 1px #9c390d;
}
.Toggle span {
padding-left:5px;
}
.ToggleBox {
padding:0;
margin:0;
width:100%;
overflow: hidden;
clear:both;
}
.ToggleBox div {
padding:5px 10px 10px 10px;
}

#base_header {
  font-family: "Lucida Grande",Tahoma,Verdana;
  position: fixed;
  z-index: 9999999;
}

.base_header_top_right {
  right: 0;
  top: 0;
}

#base_header #global_notify {
  background: none repeat scroll 0 0 #64C964;
  color: white;
  display: none;
  float: left;
  font-size: 9px;
  letter-spacing: 1px;
  margin: 0 0 0 1px;
  padding: 5px;
  text-transform: uppercase;
}

#base_header div.base_header_button {
  background: none repeat scroll 0 0 #292D31;
  float: left;
  font-size: 9px;
  letter-spacing: 1px;
  margin: 0 0 0 1px;
  padding: 5px;
  text-transform: uppercase;
}

#base_header div.base_header_button a {
  color: white;
}

#right01 {background: white;
   position: relative;
   border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border: 1px solid white;
   margin: 0px;
   padding:5px;
   z-index: 5;
}