@charset "utf-8";
html {
/*	height:100%;*/
}
body  {
	font: 9pt Arial, Helvetica, sans-serif;
	/*background: #80a2ca;*/
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #80a2ca;
/*	height:100%;*/
}
a {
	color: #0061a2;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
li {
	margin: 0;
	padding-top:10px;
}
.noPorM {
	margin:0;
	padding:0;
}
#tight li {
	margin: 0;
	padding: 0px;
}
#indent {
	padding-left: 20px;
}
#poll {
	overflow:hidden;
	
}
#HomeLink {
	position: absolute;
	height: 123px;
	width: 198px;
	top: 0px;
	left: 0px;
}
a#HomeLink:hover{
	text-decoration: none;
}

#flashcontent {
	float: right;
}
#state_flash_slideshow {
	width: 580px;
	padding: 0px;
	margin: 10px 0px 0px 20px;
	border: 3px double #000000;
}
#outer{
	margin: 0 auto; 
	width: 1000px;
	background: url('../images/dropsdw.png') top center repeat-y;
}

#container { 
	width: 1000px;
	position: relative;
	background: url('../images/bg_header_under.png') top center no-repeat;
	margin: 0 auto;  /*the auto margins (in conjunction with a width) center the page */
}
#container_nothome { 
	width: 1000px;
	position: relative;
	margin: 0 auto;  /*the auto margins (in conjunction with a width) center the page */
}

#inner { 
	overflow: hidden;
	width: 960px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	position: relative;
	text-align: left;  /*this overrides the text-align: center on the body element. */
}  
#footer { 
	height: 50px;
	padding: 20px 10px 0px 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#0061a2 url('../images/bg_footer.png') top left no-repeat;
} 
#footer p {
	color: #FFFFFF;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px 0px 10px 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: right;
}
#footer a {
	color: #FFFFFF;
}
.underFooter {
	background: top left no-repeat url("../images/underFooter_bg.png");
	display: block;
	width: 1000px;
	height:20px;
	margin: -9px auto 0 auto;
}
#header { 
	position: relative;
	left: 0px;
    /*display: block;*/
	margin: 0 auto;
    height: 475px;
	background: #80a2ca url('../images/bg_header.png') top center no-repeat;
    /*z-index: 500;*/
	/*padding: 0 10px 0 20px;   this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	
} 
#header_short { 
	position: relative;
	left: 0px;
    /*display: block;*/
	margin: 0 auto;
    height: 160px;
	background: #80a2ca url('../images/bg_header_short.png') top center no-repeat;
    /*z-index: 500;*/
	/*padding: 0 10px 0 20px;   this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	
} 
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#findpark {
	margin: 0;
	width: 260px;
	color: #FFFFFF;
	position: absolute;
	top: 240px;
	overflow:hidden;
	padding-left: 40px;
}
#findpark a {
	display:block;
	padding-top: 10px;
	color: #FFFFFF;
}
#Search {
	margin: 0;
	width: 260px;
	color: #FFFFFF;
	position: absolute;
	top: 315px;
	overflow:hidden;
	padding-top: 5px;
	padding-left: 40px;
}
#Search h1 {
	font-size: 16pt;
	margin: 0;
	padding: 0;
}
#findpark h1 {
	font-size: 16pt;
	margin: 0;
	padding: 0;
}
#sharing {
	margin: 0;
	width: 260px;
	position: absolute;
	top: 390px;
	overflow:hidden;
    padding-top: 0px;
	padding-left: 45px;
}
#sharing img {
	display: inline;
	border: none;
	margin-left: 10px;
}
#findpark_short {
	margin: 0;
	color: #FFFFFF;
	position: absolute;
	top: 10px;
	left: 540px;
	padding: 0;
}
/* temp fix for search removal
#findpark_short {
	margin: 0;
	color: #FFFFFF;
	position: absolute;
	top: 10px;
	left: 750px;
	padding: 0;
} */
#findpark_short a {
	display:block;
	padding-top: 5px;
	color: #FFFFFF;
}
#Search_short {
	margin: 0;
	color: #FFFFFF;
	position: absolute;
	top: 10px;
	left: 750px;
	overflow:hidden;
    padding: 0;
}
#Search_short h1 {
	font-size: 12pt;
	margin: 0;
	padding: 0;
}
#findpark_short h1 {
	font-size: 12pt;
	margin: 0;
	padding-bottom: 2px;
}

#sharing_short {
	margin: 0;
	position: absolute;
	top: 70px;
	left: 750px;
    padding: 0;
}
/* temp removed for search removal */
/*#sharing_short {
	margin: 0;
	position: absolute;
	top: 80px;
	left: 750px;
    padding: 0;
}*/
#sharing_short img {
	margin-right: 5px;
	border: none;
}

/* ================ MENU BAR ================ */

#navcontainer{
 	position: absolute;
    top: 440px;
}
#navcontainer_short{
 	position: absolute;
    top: 125px;
}

a#menu_item_home {
	background: url('../images/home_hori_double.png') top left no-repeat;
	float: left;
	width: 91px;
	height: 35px;
	outline:none;
}
a#menu_item_home:hover {
	 background-position: -91px;
}

a#menu_item_findapark {
	background: url('../images/findapark_hori_double.png') top left no-repeat;
	float: left;
	width: 120px;
	height: 35px;
	outline:none;
}
a#menu_item_findapark:hover {
	background-position: -120px;
}
a#menu_item_mobileapps {
	background: url('../images/park_mobile_apps_hori_double.png') top left no-repeat;
	float: left;
	width: 164px;
	height: 35px;
	outline:none;
}
a#menu_item_mobileapps:hover {
	background-position: -164px;
}
a#menu_item_about {
	background: url('../images/about_hori_double.png') top left no-repeat;
	float: left;
	width: 85px;
	height: 35px;
	outline:none;
}
a#menu_item_about:hover {
	background-position: -85px;
}
a#menu_item_foundation {
	background: url('../images/foundation_hori_double.png') top left no-repeat;
	float: left;
	width: 130px;
	height: 35px;
	outline:none;
}
a#menu_item_foundation:hover {
	background-position: -130px;
}
a#menu_item_articles {
	background: url('../images/articles_hori_double.png') top left no-repeat;
	float: left;
	width: 91px;
	height: 35px;
	outline:none;
}
a#menu_item_articles:hover {
	background-position: -91px;
}
a#menu_item_ambassadors {
	background: url('../images/ambassadors_hori_double.png') top left no-repeat;
	float: left;
	width: 183px;
	height: 35px;
	outline:none;
}
a#menu_item_ambassadors:hover {
	background-position: -183px;
}
a#menu_item_naspd {
	background: url('../images/naspd_hori_double.png') top left no-repeat;
	float: left;
	width: 96px;
	height: 35px;
	outline:none;
}
a#menu_item_naspd:hover {
	background-position: -96px;
}
/*
OLD MENU BAR WITHOUT PBN BUTTON
a#menu_item_home {
	background: url('../images/home_hori_double.png') top left no-repeat;
	float: left;
	width: 99px;
	height: 35px;
}
a#menu_item_home:hover {
	 background-position: -99px;
}

a#menu_item_findapark {
	background: url('../images/findapark_hori_double.png') top left no-repeat;
	float: left;
	width: 137px;
	height: 35px;
}
a#menu_item_findapark:hover {
	background-position: -137px;
}
a#menu_item_about {
	background: url('../images/about_hori_double.png') top left no-repeat;
	float: left;
	width: 99px;
	height: 35px;
}
a#menu_item_about:hover {
	background-position: -99px;
}
a#menu_item_getinvolved {
	background: url('../images/getinvolved_hori_double.png') top left no-repeat;
	float: left;
	width: 147px;
	height: 35px;
}
a#menu_item_getinvolved:hover {
	background-position: -147px;
}
a#menu_item_articles {
	background: url('../images/articles_hori_double.png') top left no-repeat;
	float: left;
	width: 109px;
	height: 35px;
}
a#menu_item_articles:hover {
	background-position: -109px;
}
a#menu_item_ambassadors {
	background: url('../images/ambassadors_hori_double.png') top left no-repeat;
	float: left;
	width: 165px;
	height: 35px;
}
a#menu_item_ambassadors:hover {
	background-position: -165px;
}
a#menu_item_naspd {
	background: url('../images/naspd_hori_double.png') top left no-repeat;
	float: left;
	width: 105px;
	height: 35px;
}
a#menu_item_naspd:hover {
	background-position: -105px;
}
a#menu_item_friends {
	background: url('../images/friends_hori_double.png') top left no-repeat;
	float: left;
	width: 99px;
	height: 35px;
}
a#menu_item_friends:hover {
	background-position: -99px;
}*/

/* ================ END MENU BAR================  */

#breadcrumb {
	padding: 10px 0px 0px 15px;
    font-size: 10pt;
    font-weight: bold;
    color: #0061a2;
	background: #FFFFFF url('../images/bg_breadcrumb_top.png') top left repeat-x;
}
#breadcrumb a{
	/*font-size: 0.75em;*/
	font-style: italic;
}

#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 290px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	 /*background: #ffea00; the background color will be displayed for the length of the content in the column, but no further */
	height: 228px;
	overflow: hidden;
	background: url('../images/bg_home_article_teaser_topleft.png') top left no-repeat;
	margin-top: 0px;
	padding: 10px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
}
#teaserLeftBorder {
	height: 190px;
	border-right: 1px solid black
}
#sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 290px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 228px;
	overflow: hidden;
	/* background: #EBEBEB; the background color will be displayed for the length of the content in the column, but no further */
	background: url('../images/bg_home_article_teaser_topright.png') top left no-repeat;
	padding: 10px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
	
}
#sidebar2_tall_heading {
	padding: 0px 0px 20px 20px;
    font-size: 12pt;
    font-weight: bold;
    color: #0061a2;
}
#sidebar2_tall_heading a{
	font-size: 0.75em;
	font-style: italic;
}
#sidebar2_tall {
	float: right; /* since this element is floated, a width must be given */
	width: 290px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	overflow: hidden;
	/* background: #EBEBEB; the background color will be displayed for the length of the content in the column, but no further */
	/*background: url('../images/bg_home_article_teaser_topright.png') top left no-repeat;*/
	padding: 10px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
	
}
#sidebar2_tall_wrapper_top {
	height: 221px;
	padding-left: 20px;
	overflow: hidden;
	background: url('../images/bg_hori_sidebar_top.png') top left no-repeat;
}
#sidebar2_tall_wrapper_middle {
	height: 221px;
	padding-left: 20px;
	overflow: hidden;
	background: url('../images/bg_hori_sidebar_middle.png') top left no-repeat;
}
#sidebar2_tall_wrapper_bottom {
	height: 221px;
	padding-left: 20px;
	overflow: hidden;
	background: url('../images/bg_hori_sidebar_bottom.png') top left no-repeat;
}
#teaser_bottom_border {
	border-bottom: 1px solid black;
	padding-top: 20px;
}
#center { 
	background: url('../images/bg_home_article_teaser_topcen.png') repeat-x;
	/*background: #FF0000;*/
	height: 228px;
	width: 290px;
	overflow: hidden;
	/*margin: 0 200px;  the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #center div's text to fill the sidebar spaces when the content in each sidebar ends. */
	 /* padding: 0 10px;remember that padding is the space inside the div box and margin is the space outside the div box */
	 padding: 10px 10px 15px 20px;
} 
#row2left {
	overflow: hidden;
	height: 200px;
	width: 445px;
	padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
}
#row2left img {
	margin: 0;
}
#row2right {
	background: url('../images/map_chick.jpg') bottom left no-repeat;
	overflow: hidden;
	height: 200px;
	width: 445px;
	float: right;
	padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
}
#row2right h1 {
	margin: 0;
}
p.fineprint {
	font-size: 7pt;
}
img.teaser {
	border: 3px double #000000;
	float: left;
    width: 92px;
    height: 92px;
    margin: 3px 15px 3px 0px;
}
img.homePromo {
	border: none;
	float: left;
    width: 200px;
    height: 200px;
    padding: 0px 0px 0px 0px;
}
h2.teaser {
	color: #0061a2;
	font-size: 10pt;
	/*font-style: italic;*/
	margin: 0px 0px 10px 0px;
}
h1.teaser {
	color: #000000;
	font-size: 10pt;
	margin: 0px 10px 5px 0px;
}
p.teaser {
	color: #000000;
	margin: 0px 10px 0px 0px
}
p.author {
	font-style: italic;
	font-weight: bold;
	color: #000000;
	margin: 0px 10px 5px 0px
}
p.teaser a {
	font-style: italic;
}
p.mapChick {
	margin: 0px 0px 0px 240px;
}

h1.mapChick{
	font-size: 14pt;
	padding: 0px 0px 10px 240px;
}
h1.promo {
	color: #000000;
	font-size: 14pt;
	margin: 0px 10px 5px 0px;
}
a.fatlink{
	font-size: 12pt;
	font-weight: bold;
}

#article {
	padding: 20px;
	margin: 0;
}
#article h1 {
	margin: 0;
	padding: 0;
	font-size: 20px;
}
#article h2 {
	margin: 0;
	padding: 10px 0px 0px 0px;
	font-size: 16px;
	text-decoration: none;
}
#article h3 {
	margin: 0;
	padding: 10px 0px 0px 0px;
	font-size: 14px;
	text-decoration: none;
}
#state_overview h1 {
	margin: 0;
	padding: 20px 0px 5px 20px;
	font-size: 16px;
}
#state_overview h2 {
	margin: 0;
	padding: 0px 0px 5px 20px;
	font-size: 14px;
}
#state_overview h2 a{
	font-style: italic;
}
#state_overview p{
	margin: 0;
	padding: 0px 0px 10px 20px;
	font-size: 9pt;
}
#state_overview img {
	float:right;
	padding: 20px 60px 0px 5px;
}
img.article {
	padding: 0;
	margin: 0px 20px 10px 0px;
	float: left;
	border: 3px double #000000;
}
img.leftNoBorderNoMargin {
	padding: 0;
	margin: 0;
	float: left;
	border: 0px;
}
.photoright300 {
	float: right;
	padding:2px 0px 10px 10px;
	margin: 0; font-size:90%;
	color:#666666;
	font-style:italic;
	width: 300px;
}
.photoleft300 {
	float: left;
	padding:2px 20px 10px 0px;
	margin: 0; font-size:90%;
	color:#666666;
	font-style:italic;
	width: 300px;
}
img.dblborder {
	padding: 0;
	margin: 0;
	border: 3px double #000000;
}

#flashmap {
	padding: 20px;
	margin: 0;
}
#flashmap h1{
	margin: 0;
	padding: 0;
	font-size: 12pt;
}
#imagelayoutleft {
	float: left;
	width: 283px;
	height: 200px;
	overflow: hidden;
	margin-top: 0px;
	padding: 10px 10px 15px 20px;
}
#imagelayoutright {
	float: right;
	width: 264px;
	height: 200px;
	overflow: hidden;
	margin-top: 0px;
	padding: 10px 10px 15px 20px;
}
#imagelayoutcenter {
	width: 250px;
	height: 200px;
	overflow: hidden;
	margin-top: 0px;
	padding: 10px 10px 15px 20px;
}


/* ================================================================================================== */
/*                 ARTICLE LIST PAGES  - alternative versions of sidebars and center to remove bottom 
/*                 drop shadow on first two rows.
/* ================================================================================================== */
#sidebar1_articlelist {
	float: left;
	width: 280px;
	height: 228px;
	overflow: hidden;
	margin-top: 0px;
	padding: 10px 10px 15px 20px;
}
#center_articlelist { 
	height: 228px;
	width: 290px;
	overflow: hidden;
	padding: 10px 10px 15px 20px;
} 
#sidebar2_articlelist {
	float: right;
	width: 290px;
	height: 228px;
	overflow: hidden;
	padding: 10px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
	
}
#article_pager {
	text-align:center;
	font-size: 12pt;
	margin: 0px;
	padding: 10px 0px 10px 0px;
}
/* ================================================================================================== */
/*                 EMAIL FORM
/* ================================================================================================== */
#email_form {
	margin: 0px 0px 25px 20px;
	padding: 10px;
	width: 460px;
	border: 3px double black;
	background:#FFFFCC
}
#email_form h1 {
	font-size: 12pt;
	margin: 0;
	padding: 0;
}
#email_form table{
	width: 450px;
	background: #FFFFCC;
	/*border: 1px solid black;*/
}
/* ================================================================================================== */
/*                 FRIENDS PAGE
/* ================================================================================================== */
#friends {
	padding: 20px;
	margin: 0;
}
#friends p{
	
	font-size: 12pt;
}
#friends h1 {
	font-size: 14pt;
	padding-bottom: 20px;
	margin: 0;
}
/* ================================================================================================== */
/*                 EVENTS PAGE
/* ================================================================================================== */
#article table.w_600 {
	width:600px;
}
#article table td.w_200 {
	width: 200px;
	vertical-align:top;
}
/* ================================================================================================== */
/*                 ABOUT PAGE
/* ================================================================================================== */
tr.top {
	vertical-align:top;
}

.biggerText {
	font-size: 1.25em;
}
.smallerText {
	font-size: 0.75em;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* ================================================================================================== */
/*                 HOME PAGE
/* ================================================================================================== */
ul.news {
	margin: 0;
	padding: 5px 0px 5px 40px;
	font-size: 12px;
	font-weight:bold;
}
ul.news li {
	margin: 0;
	padding: 0px 0px 5px 0px;
}
#home_header2 {
	padding: 0;
	margin: 0;
    font-size: 14pt;
    font-weight: bold;
    color: #000000;
}
#home_header2 a{
	font-style: italic;
}
/* ================================================================================================== */
/*                 SCREEN SAVER DOWNLOAD PAGE
/* ================================================================================================== */
a#DownloadScreenSaverIconMac {
background: url('../images/download-button-MAC_over.jpg') top left no-repeat;
float: left;
height: 70px;
width: 200px;
}
a#DownloadScreenSaverIconMac:hover{
background-position: 0 -70px;
}
a#DownloadScreenSaverIconWin {
background: url('../images/download-button-WIN_over.jpg') top left no-repeat;
float: left;
height: 70px;
width: 200px;
}
a#DownloadScreenSaverIconWin:hover{
background-position: 0 -70px;
}
/* ================================================================================================== */
/*                 AMBASSADORS
/* ================================================================================================== */
#ambass_page_wrapper {
	padding: 2px 0 0 280px;
	margin: 0;
}
#ambass_alt_page_wrapper {
	padding: 20px 20px 0 280px;
	margin: 0;
}
.ambassador_item {
	width: 200px;
	height: 200px;
	margin: 0 15px 15px 0;
	float:left;
	/*overflow:hidden;
	white-space:nowrap;*/
}
.ambassador_item h1 {
	font-size:12px;
	/* this width setting is here to make white space no wrap work in IE */
	/*width: 50px;*/
}
img.ambass_teaser {
	border: 0;
	float: left;
    width: 200px;
    height: 200px;
    margin: 0;
}
/*OLD
#ambassador_item {
	width: 205px;
	height: 120px;
	overflow:hidden;
	float:left;
	white-space:nowrap;
}
#ambassador_item h1 {
	font-size:12px;
	 this width setting is here to make white space no wrap work in IE 
	width: 50px;
}
img.ambass_teaser {
	border: 3px double #000000;
	float: left;
    width: 92px;
    height: 92px;
    margin: 3px 5px 3px 0px;
}*/
.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
    display:block; /* or inline-block */
    width: 95px; padding: 7px 0; text-align:center;    
    background:#0061a2; border-bottom:1px solid #ddd;color:#fff;
}
.qq-upload-button-hover {background:#80a2ca;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#0061a2; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#80a2ca;}

.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}


/* ================================================================================================== */
/*                 jQuery for Ambassador Page
/* ================================================================================================== */
/*
 * jQuery UI CSS Framework 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }

.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
/*.ui-helper-clearfix { display:block; }*/
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }



/*
 * jQuery UI Tabs 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {width: 700px; padding: 10px 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
 * jQuery UI CSS Framework 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */




/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #006699; font-weight: normal/*{fwDefault}*/; color: #FFF/*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #FFF/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #99cc33; font-weight: normal/*{fwDefault}*/; color: #FFF/*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover { color: #FFF/*{fcHover}*/; text-decoration: none; font-weight: normal;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #99cc33; font-weight: normal/*{fwDefault}*/; color: #FFF/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #FFF/*{fcActive}*/; text-decoration: none; font-weight: normal; outline: none;}
.ui-widget :active { outline: none; }