@charset "UTF-8";
/* CSS Document */

body { 
	background: #2e6691 url('topperbg.jpg') repeat-x center top;
	font: 10px "Tahoma";
    margin: 0px;
}

.main_wrapper {
	width: 1080px;
	background: url('bg.jpg') no-repeat center top;
	margin:0;
	padding:0;

}

.footer {
 width:980px;
 height:59px;
}

.footerLinks
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.footerLinks a:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

.footerLinks a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F3A012;
	text-decoration: underline;
}

.footerLinks a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

.footerLinks a:active
{
	color: #333333;
	
}

.footer3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cccccc;
}

.footer3 a:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cccccc;
	text-decoration: none;
}

.footer3 a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: underline;
}

.footer3 a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cccccc;
	text-decoration: none;
}

.footer3 a:active
{
	color: #cccccc;
	
}

#header {
width:980px;
height:40px;
text-align: right;
font-size: 12px;
font-weight: bold;
vertical-align: middle;
display:table-cell;
}

.headerLinks
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding-top: 10px;
	padding-right: 5px;
}

.headerLinks a:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

.headerLinks a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F3A012;
	text-decoration: underline;
}

.headerLinks a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

.headerLinks a:active
{
	color: #FFFFFF;
	
}
#container1 {
width:1070px;

}
.puba_logo {
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.jump_menu {
	width:200px;
	float:right;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}

#sidebar{
    width:100px;
	float:left;

}

#content1{
    width:750px;
	float:right;

}

.accordion {

	/* some decorations for the accordion root element */
	background:#333 url(h300.png) 0 0;
	width: 175px;
	border:1px solid #333;

	/* IE6 cannot handle PNG24 backgrounds. use a solid color instead */
	-background:#666;


	/* put them side by side */
	float:left;
	margin:20px 0 20px 0px;
}

/* accordion header */
.accordion h2 {
	background:#ccc url(h30.png);
	margin:0;
	padding:5px 15px;
	font-size:14px;
	font-weight:normal;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;
}

/* currently active header */
.accordion h2.current {
	cursor:default;
	background-color:#fff;
}

/* accordion pane */
.accordion div.pane {
	border:1px solid #fff;
	border-width:0 2px;
	display:none;
	height:350px;
	/*padding:15px;*/
	color:#fff;
	font-size:12px;
}


/* a title inside pane */
.accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}

.panes  {
			
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	color:#456;
	font-size:14px;
	background:#fff;
}



.setTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #222830;
}

.setTitle2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #222830;
}

.setTitle3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #222830;
}

.desc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

.clipLinks
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222830;
}

.clipLinks a:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222830;
	text-decoration: none;
}

.clipLinks a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC6600;
	text-decoration: underline;
}

.clipLinks a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222830;
}

.clipLinks a:active
{
	color: #222830;
	
}

.setInfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
.contTable {
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 25px;
}

.contTable2 {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.galLink {
	border: 1px solid #000000;
}

.gal_inline {
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
.gal_inline a:link {
	color: #234372;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
.gal_inline a:hover {
	color: #000000;
	text-decoration: underline;
}
.gal_inline a:visited {
	color: #234372;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}
.gal_inline a:active {
	color: #234372;
}
.view_pic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #000000;
}
.view_pic td,th{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #000000;
}
.view_pic a:link {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}
.view_pic a:hover {
	color: #FFFFFF;
}
.view_pic a:visited {
	color: #FFFFFF;
}
.view_pic a:active {
	color: #FFFFFF;
}

a.arrow
{
	background:transparent url(arrow.gif) no-repeat scroll left center;
	padding-left:16px;
	text-decoration:underline;
	white-space: nowrap;
}






/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(blue.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}


div.helpQ {
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.help {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

 .navBG {
  background:#92b2d7 url("nav.jpg") no-repeat left top;
  width:900px;
  height:55px;
  
}
#nav ul li {
	display:inline;
	font-family: "Trebuchet MS";
	font-size: 13px;
	 
}

#nav li a.first {
	background: url("navbreak.jpg") no-repeat right;
}

#nav li a.first:hover {
	color: #FFFFFF;
}



#nav li a.last:hover {
	color: #FFFFFF;
}

#nav ul li a {
	float:left;
	height:25px;
	width:115px;
	font-weight:700;
	text-transform:uppercase;
	font-family:Arial;
	line-height:100%;
	text-decoration:none;
	text-align:center;
	color:#313142;
	padding:23px 0 0px;
	
	
}

#nav ul li a:hover {
	color: #FFFFFF;
}

/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	 	
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border:1px solid #666;	
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	position:relative;
	top:1px;	
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
ul.css-tabs a.current {
	background-color:#ddd;
	border-bottom:2px solid #ddd;	
	color:#000;	
	cursor:default;
}

	
/* tab pane */
div.css-panes div {
	display:none;
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px;
	background-color:#ddd;	
}








.join_table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; width: 400px; border: thin solid #000000; padding: 5px; margin: 0px; }
.join_name { font-weight: bold; text-align: right; border: none; }
.join_value { text-align: left; border: none; }
.join_error { color: #EE0000; }
.join_header { font-size: 14px; font-weight: bold; text-align: center; border: none; }
.join_footer { font-size: 14px; font-weight: bold; text-align: center; border: none; }
.join_input { }
.join_select { }
.join_button { }


#join-left { 
width:330px;
min-height:200px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:200px; /* for IE5.x and IE6 */
text-align:left;
float:left;
vertical-align:top;
display:table-cell;
color:black;
}

#join-right { 
width:570px;
min-height:200px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:200px; /* for IE5.x and IE6 */;
text-align:left;
float:left;
vertical-align:top;
display:table-cell;
color:black;
}

#join-create {
	width:290px;
	height:auto !important; /* for modern browsers */
	padding-bottom: 2px;
	padding-top: 0px;
	padding-left: 15px;
	background-color: #f4f4f4;
	font-weight: bold;
	color:#525252;
	text-align:left;
	vertical-align:top;
	display:table-cell;
	color:black;
	font-size: 14px;
}

#join-menu { 
width:290px;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 20px;
font-weight: bold;
text-align:left;
font-size: 13px;
color:black;
}
#join-trial { 
width:540px;
min-height:40px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:40px; /* for IE5.x and IE6 */
padding-top: 5px;
padding-left: 10px;
margin-right: 10px;
margin-bottom: 5px;
background-color: #fff;
border-color: #65abe0;
border-style: dotted;
border-width: 1px;
text-align:left;
float:left;
vertical-align:top;
display:table-cell;
color:black;
}
#join-price { 
font-size: 15px;
margin-top: 2px;
}

#join-details { 
font-size: 14px;
color: #606060;
margin-bottom: -2px;
}

#join-trial:hover { 
background-color: #a5d8ff;
}

div.name {
  color:#525252;
  font-weight:bold;
  margin-top:10px;
  font-size:12px;
}
div.value input{ 
   border:1px solid #d4d0c8;      
   padding:2px;    
   width:235px; 
     margin-top:5px;            
}

.join_info {    
    display:block;
    font-size:11px;
    color:#a3a2a2;
    font-weight:normal;
    margin-left:25px;
  }
  
  .join_info2 {
	display:block;
	font-size:12px;
	color:#DD0630;
	font-weight:bold;
	margin-left:25px;
  }
  
  .border1 {
	border: 1px solid #2E6691;  
  }
  
  /* 
  make the <a> element a relative position (so we can put both images in the top left corner) */
.vid_thumbs a {
  position: relative;
  width:225px;
  height: 150px;
  display: block;
}
/*make both the <img> elements under an <a> absolute positioned in the top left*/
.vid_thumbs a img {
  position: absolute;
  top: 0;
  left: 0;
}
/*by default put the play image on top of the other image with z-index and make it hidden by default (display: none)*/
.vid_thumbs a img.play {
  z-index: 100;
  display: none;
}
/*show the play image when an <a> is hovered*/
.vid_thumbs a:hover img.play {
  display: block;
}