﻿body{
	background:#fff;
	background-image : url(/images/css/main_bg_5.jpg);
	background-position : 0px 0px;
	background-repeat : repeat-x;
	margin : 0px;
	padding : 0px;
	font-family:century gothic,Lucida,verdana,arial,helvetica,sans-serrif;
	font-size:11px;
	color:#777;
	text-align:center;
}

div {
text-align:left;
}

.stripe_even {
	background-color:#ddd;
}


.portal_wrapper {
    display:none;
	background-color:transparent;

	position:absolute;
	width:1000px;
	height:700px;
	left:85px; top:45px;
	text-align:center;
	overflow:hidden;
    
	/*background-image : url(/images/css/smoked_glass_grid.png);*/
	background-image : url(/images/css/smoked_glass_gray.png);
	
	/*background-position : 0px 0px;
	background-repeat : repeat-y;*/
    
	border:solid 1px #aaa;
    z-index:1000;
    padding:7px;
    
    border:solid 1px #ccc;
-webkit-box-shadow: 0 5px 15px #444;
box-shadow:  0 5px 15px #444;
margin-bottom:13px;


}

#portal_close {
    cursor:pointer
}



#portal {

    position:absolute;
    left:20px;
    top:40px;
    border:solid 0px #0f0;
    width:95%;
    height:92%;
    overflow:auto;
/*    
    background:#fff;
    border:solid 1px #555;
 */
   }

.portal, .toggle_portal, .portal_size_shrink, .portal_size_expand {
	background-image: url(/images/css/portal.png);
	background-repeat: no-repeat;
	padding-left:15px;
	background-position: 0px 0px;	
	color:#930;
	font-size:9px;
    cursor:pointer;
}

.portal:hover, a.portal:hover, toggle_portal:hover , .portal_size:hover .portal_size_shrink:hover, .portal_size_expand:hover {
    color:#f00;
}


.header_wrapper {
	color:#fff;
	font-weight:700;
	height:150px;
	margin:0px;
	border:solid 0px #f00;
	border-top:solid 0px #f00;
	background-color:transparent;
	/*background-image : url(/images/css/james_gray.gif);
	background-position : 0px 0px;
	background-repeat : no-repeat;
	opacity:0.75;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;*/
}

.header_graphics {
border:solid 0px #f00;
height:150px;
position:absolute;
width:100%;
background-color:transparent;
background-image : url(/images/css/james_gray.gif);
background-position : 0px 0px;
background-repeat : no-repeat;
filter:alpha(opacity=75);
  	opacity:0.75;

}

.rule {
border-top:solid 1px #ccc;
border-bottom:solid 1px #fff;
}

img {
border:solid 0px #ddd; 
padding:0px; 
margin:0px;
}

  .tab_lg {
   		background-color:#fff;
   		font-size:16px;
   		height:41px;
   		padding:0px;
   		padding-left:10px;
   		margin:0px;
		background-image : url(/images/css/tab.jpg);
		background-position : 0px 0px;
		background-repeat : repeat-x;
		cursor:pointer;
		}


  .tab {
   		background-color:#fff;
   		font-size:12px;
   		height:31px;
   		padding:0px;
   		padding-top:5px;
   		padding-left:10px;
   		margin:0px;
		background-image : url(/images/css/tab_sm.jpg);
		background-position : 0px 0px;
		background-repeat : repeat-x;
		cursor:pointer;
		}

.soft_tab {
background-image : url(/images/css/soft_tab.jpg);
background-position : 0px 0px;
background-repeat : no-repeat;
height:30px;
padding-left:9px;
padding-top:5px;

}


.perl
{
	margin-padding:200px;
	height:0xp;
	padding-left:20px;
	visibility:hidden;
}
.header_content {
position:relative;
right:15px;
text-align:right;
width:100%;
padding-top:30px;
padding-right:70px;
margin-right:15px;

}

#nav_bar{padding-top:20px;}
div#nav_bar a { color:#777; font-size:10px;  text-decoration:none; border-left:solid 1px #888; padding:4px; padding-top:2px; padding-bottom:2px;}
div#nav_bar a:first-child { color:#777;   text-decoration:none; border-left:solid 0px #888; padding:4px;}
div#nav_bar a:link { color:#777;   text-decoration:none; }
div#nav_bar a:visited { color:#777;   text-decoration:none; }
div#nav_bar a:active { color:#777;   text-decoration:none; }
div#nav_bar a:hover { color:#000;   text-decoration:true; }



a:link { color:#57c; font-size:12px;  text-decoration:none; }
a:visited { color:#57c; font-size:12px;  text-decoration:none; }
a:active { color:#57c; font-size:12px;  text-decoration:none; }
a:hover { color:#f94; font-size:12px;  text-decoration:true; }





/*  Accordian styles */


div.nav_accordion-panel {
clear:both;
}	

	div.nav_accordion-panel-button{
		color:#569;
		font-size:10px;
		clear:both;
	  padding:5px;
	  padding-bottom:7px;
	  padding-top:2px;
	  margin:0;
	  background-color:#fff;
	  font-size:12px;
	  font-style:normal;
 border-top:solid 1px #fff;
 border-bottom:solid 1px #ddd;
 background-image : url(/images/css/nav_left_button.jpg);
background-position : 0px 0px;
background-repeat : repeat-x;
		cursor:pointer;

	}

	div.nav_accordion-panel-button:hover
	{
	background:#000;
 background-image : url(/images/css/nav_left_hover.jpg);
background-position : 0px 0px;
background-repeat : repeat-y;
		cursor:pointer;
	}
	
.button_shadow {
padding:0px; border:solid 0px #ddd;
height:5px;
background-image : url(/images/css/nav_left_shadow.jpg);
background-position : 0px 0px;
background-repeat:no-repeat;
}

.accordion {
}

.accordion-panel {
width:100%;

}

#faq_content, .faq_content{
	background:#f0f3f4;
}



.accordion-panel-content , #faq_content, .faq_content, .form{
padding:6px;
padding-left:15px;
clear:both;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;

border:solid 1px #ccc;
-webkit-box-shadow: 0 5px 9px #ccc;
box-shadow:  0 5px 9px #ccc;
margin-bottom:13px;
}

.accordion-panel-button {
		color:#55aaee;
		font-size:10px;
		clear:both;
		height:10px;
	  padding:5px;
	  margin:0;
	  background-color:transparent;
	  font-size:12px;
	  font-style:normal;
 border-top:dotted 1px #ddd;
 margin-bottom:5px;
		cursor:pointer;

	}
	
	
	.left_nav_over {
		color:#fff;
		font-size:10px;
		clear:both;
		height:10px;
	  padding:5px;
	  margin:0;
	  background-color:#44aBe8;
	  font-size:12px;
	  font-style:normal;
 border-top:solid 1px #fff;
 border-bottom:solid 1px #ddd;
		cursor:pointer;
}


	div.float_left{
		float:left;
		}


	div.float_right{
		float:right;
		font-size:9px;
		color:#aaa;
		}

div.nav_accordion-panel-content {
	clear:both;
	font-size:10px;
	line-height:150%;
	color:#444444;
	padding-left:15px;
	padding-bottom:10px;

}

a.nav_accordion_nav { color:#569; font-size:10px; font-weight:100; text-decoration:none; }
a.nav_accordion_nav:link {  }
a.nav_accordion_nav:visited {  }
a.nav_accordion_nav:hover { color:#49f; font-weight:700; text-decoration:true; }
a.nav_accordion_nav:active { }



#wrapper {

}


#main_panel {
width:90%;
margin:0 auto;
margin-left:auto;
margin-right:auto;
border:solid 0px #f00;

}




#main_wrapper {
position:relative;
text-align:left;
border-top:solid 0px #f00;
position:relative;
width:100%;
min-width:1100px;

}

/* This is where the background of the content is defined*/
#page_wrapper {
position:relative;
width:85%;
margin:0px;
border:solid 0px #0a0;
border-right:solid 1px #ddd;
background-color:#fff;
border-left:solid 0px #0f0;
background-image : url(/images/css/bg_gray_3.jpg);
background-position : 0px 0px;
background-repeat : repeat-y;
width:100%;
min-height:95%;

}



/*.form {
border-left:solid 1px #ddd;
background-color:#fff;
background-image : url(/images/css/wide_gray.png);
background-position : 1px 0px;
background-repeat : repeat-y;
padding:20px;
color:#27c;
}*/




#nav_wrapper {
float:left;
width:248px;
margin:0px;
z-index:10;
background:#eee;
}


#content_wrapper {
border:solid 0px #f00;
padding-top:0px;
min-height:500px;
float:right;
width:76.5%;
}


#footer_wrapper {
position:relative;
border:solid 1px #ddd;
border-right:solid 0px #ddd;
text-align:center;
height:50px;
padding:8px;
background-image : url(/images/css/bg_gray_1.jpg);
background-position : 0px 0px;
background-repeat : repeat-x;
background-color:#fff;
color:#999;
font-size:10px;
clear:both;

}

.left_nav {
position:relative;
margin-top:1px;
padding-left:5px;
padding-bottom:5px;
 border-top:solid 1px #fff;
 border-bottom:solid 1px #ddd;
 background-image : url(/images/css/bg_gray_1.jpg);
background-position : 0px 0px;
background-repeat : repeat-x;
}


.spot_right {
 background-image : url(/images/css/bg_gray_1.jpg);
background-position : 0px 0px;
background-repeat : repeat-x;
float:right;
width:250px;
border:solid 1px #ddd;
padding:4px;
margin:15px;
margin-right:0px;
margin-top:0px;
}


.spot_left {
 background-image : url(/images/css/bg_gray_1.jpg);
background-position : 0px 0px;
background-repeat : repeat-x;
float:left;
width:250px;
border:solid 1px #ddd;
padding:4px;
margin:15px;
margin-left:0px;
margin-top:0px;
}




h1,h2,h3,h4,h5,h6 {
color:#55aaee;;
border-top:solid 1px #d5d5d5;
font-weight:normal;
margin:3px;
padding:0px;
padding-top:3px;
padding-bottom:5px;
}

h1 {font-size:24px;}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

b {
color:#000;
font-weight:700;
}

.indent {
padding-left:20px;
}


.button_blue, a.button_blue {
border:1px;
border-left:solid 1px #999;
border-right:solid 1px #bbb;
height:20px;
color:#555;
font-size:10px;
margin-top:-5px;
 background-image : url(/images/css/button_blue.jpg);
background-position : 0px 0px;
background-repeat : repeat-x;
cursor:pointer;
-webkit-box-shadow: 0 0px 5px #999;
box-shadow:  0 0px 5px #999;
padding:4px;
margin:1px;

}

.col_1 {
float:left;
width:99%;
padding-right:8px;
border:solid 0px #f00;
}



#pallete_wrap {
position:relative;
width:100%;
padding-right:-8px;
height:77px;
 background-image : url(/images/css/palette_2.jpg);
background-position : 0px 0px;
background-repeat : repeat-x;
}

#pallete_l {
float:left;
height:76px;
 background-image : url(/images/css/palette_1.jpg);
background-position : 0px 0px;
background-repeat : no-repeat;
width:13px;

}

#pallete_content {
float:left;
height:76px;
 background-image : url(/images/css/palette_2.JPG);
background-position : 0px 0px;
background-repeat : repeat-x;

}

input,textarea,submit,button,select,selected,checked, .button {
 background-image : url(/images/css/wide_gray.png);
background-position : -300px 0px;
background-repeat : repeat-y;
		color:#777;
		font-weight:700;
		font-size:10px;
		border: 1px solid #ddd;
		margin:1px;
font-family:arial,Lucida,verdana,arial,helvetica,sans-serrif;
-webkit-box-shadow: 0 0px 5px #999;
box-shadow:  0 0px 5px #999;
		}
		
.button{
border:1px;
border-left:solid 1px #999;
border-right:solid 1px #bbb;

padding-left:4px;
padding-right:4px;

height:20px;
margin-top:-5px;
 background-image : url(/images/css/button_gray.jpg);
background-position : 0px 0px;
background-repeat : repeat-x;
cursor:pointer;
font-weight:700;
}

 a.button { color:#777; font-size:10px;  text-decoration:none; font-weight:700;}
a.button:hover {color:#f94;}



.blockquote {
padding-left:15px;
}

div#code b {
color:#fff;

}

.odd {
background-color:#fff;

}
.even {
background-color:#f5f5f5;
}

.th_bg {
background-color:#888;
color:#fff;
padding-left:5px;
}



#iframe {
			width:99%;
			height:90%;  
			border:1px;
			border-color:555555;
			clear:both;
		}
		
ul ol{
	margin: 15px;
	padding:0px;
	padding-left:20px;
	text-indent:1px;
	margin-top:0px;
	margin-bottom:0px;
	list-style-position: outside;
    vertical-align: text-bottom;
}

ul li {
	list-style-image: url(http://www.endlessbounty.com/site/images/bullet_light.gif);*/
	margin:0;
		list-style-type: circle;
	padding:3px;
	line-height:120%;

}
	

ol li{
	list-style-type: decimal-leading-zero;
	margin:0;
	padding:3px;
	line-height:120%;
}

.blurb {
background:#e0e0e0;
 background-image : url(/images/css/blurb_bg.jpg);
background-position : 0px 0px;
background-repeat : repeat-y;
border:solid 1px#aaa;
padding:10px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;

}

.small {
font-size:9px;
}

.todo_item, .todo_item a {
    font-size:10px;
    padding-right:10px;
    color:#fff;
    text-align:right;
    font-weight:100;
}

#to_do_list_box {
	background-image : url(/images/css/smoked_glass_gray.png);
padding-top:10px; 
padding-right:10px; 
    position:absolute;
    z-index:100;
    right:5px;
    top:65px;
    float:right;
    text-align:right;
    border:solid 0px #f00;
    -moz-border-radius: 8px;
-webkit-border-radius: 8px;
-webkit-box-shadow: 0 5px 15px #444;
box-shadow:  0 5px 15px #444;

}

#to_do_list {
    border:solid 0px #000;
    width:250px;
    height:125px;
    overflow:auto;
    text-align:right;
}

.todo_header {
	background-image : url(/images/css/smoked_glass_gray.png);
	text-align:left;
	padding-right:10px;
	padding-left:10px;
	font-size:12px;
	font-weight:normal;
	margin-top:7px;
	color:#7be;
}

#nav_bar {
position:absolute;
bottom:5;
left:10px;
}


.form, #faq_content, .faq_content{
	background-color:#0B7FC2;
background-image : url(/images/css/blurb_bg.jpg); /*blurb_bg blue_grid.jpg */
	color:#444;
border:solid 1px #ccc;
-webkit-box-shadow: 0 5px 9px #555;
box-shadow:  0 5px 9px #555;
margin-bottom:13px;
}	


#code {
background-color:#000;
border:solid 1px #4af;
color:#fff;
/*font-weight:700;*/
font-size:10px;
padding:10px;
font-family:lucida console,monaco,monospace;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding:5px;
width:90%;
overflow:auto;
-webkit-box-shadow: 0 0px 10px #000;
box-shadow:  0 0px 10px #000;

}

/*---  ON THE LIGHTER CONTENT BACKGROUND  ---*/

div #faq_content .green, div  #faq_content .strong, div  #faq_content .hilight, div  #faq_content .blue, div  #faq_content .yellow, div  #faq_content .orange, div  #faq_content .red, div  #faq_content .purple
{
font-weight:700;
}

div #faq_content .green{color:#0a0;}
div #faq_content .strong{color:#555;}
div #faq_content .hilight{color:#555;}
div #faq_content .blue{color:#056FAD;}
div #faq_content .yellow{color:#aa0;}
div #faq_content .orange{color:#d50;}
div #faq_content .red{color:#f00;}
div #faq_content .purple{color:#c0c;}

/*--- ON THE DARKER CODE BACKGROUND --- */

div #code .green, div #code .strong, div #code .hilight, div #code .blue, div #code .yellow, div #code .orange, div #code .red, div #code .purple
{
font-weight:100;

}


div #code .green{color:#4d4;}
div #code .strong{color:#999;}
div #code .hilight{color:#999;}
div #code .blue{color:#0AA3E5;}
div #code .yellow{color:#ff5;}
div #code .orange{color:#f73;}
div #code .red{color:#f55;}
div #code .purple{color:#f7f;}


    .close_all, .expand_all {
       cursor:pointer;
	   font-weight:700;
    }

