/*****

Website Theme Name: GameUber.com Videogame Web Magazine
Description: Customized Website of GameUber by James Laza
Web Designer: James Laza
Author: James Laza
Author URI:  http://www.fusionden.com
Developed and Powered by: http://www.fusionden.com
--------------------------------------------------------------------
*****/

/***** CSS Master Reset *****/

html, body {border: 0;margin: 0;padding: 0;}
body {font: 100.01%/1.25 Verdana, Arial, Helvetica, sans-serif;background: #FFFFFF;color: #000000;}

/***** Headings *****/
h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;font-weight: normal;}
h1 {padding: 30px 0 25px 0;letter-spacing: -1px;font-size: 2em;}
h2 {padding: 20px 0;letter-spacing: -1px;font-size: 1.5em;}
h3 {font-size: 1em;font-weight: bold;}
/***** Common Formatting *****/
p, ul, ol {margin: 0;padding: 0 0 1.25em 0;}
ul, ol {padding: 0 0 1.25em 0;}
blockquote {margin: 1.25em;padding: 1.25em 1.25em 0 1.25em;}
small {font-size: 0.85em;}
img {border: 0;}
sup {position: relative;bottom: 0.3em;vertical-align: baseline;}
sub {position: relative;bottom: -0.2em;vertical-align: baseline;}
acronym, abbr {cursor: help;letter-spacing: 1px;border-bottom: 1px dashed;}

/***** Links *****/
a, a:link, a:visited, a:active, a:hover {text-decoration: underline;}

/***** Forms *****/
form {margin: 0;padding: 0;display: inline;}
input, select, textarea {font: 1em Verdana, Arial, Helvetica, sans-serif;}
textarea {line-height: 1.25;padding:3px;margin:3px;}
label {cursor: pointer;}

/* CSS Document [Global Classes] */
.floatLeft {float: left;}
.floatRight {float: right;}
.normalClear {clear: both}
.clearFix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearFix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearFix {height: 1%;}
.clearFix {display: block;}
.clearFix2 {float:none; clear:both;}
.clearfloat	{clear:both; height:0; font-size: 1px; line-height: 0px;}

/* End hide from IE-mac */
.textLeft {text-align: left;}
.textRight {text-align: right;}
.textCenter {text-align: center;}
.textJustify {text-align: justify;}
.upperCase {text-transform: uppercase;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.underline {border-bottom: 1px solid;}
.imgLeft {float: left; margin: 4px 10px 4px 0;}
.imgRight {float: right; margin: 4px 0 4px 10px;}
.noPadding {padding: 0;}
.noIndent {margin-left: 0; padding-left: 0;}
.noBullet {list-style: none; list-style-image: none;}

/***** Page Structure and Layout *****/
body {color:#000;font:100% Helvetica, Arial, Verdana, sans-serif;margin:0;padding:0;text-align:center;padding-top:50px;}

/***** Homepage *****/
.homepage #wrapperOutside {width:100%;margin:0 auto;text-align: center;padding:0;}
.homepage #wrapperInside {width:980px;margin:0 auto;text-align: left;height:auto;padding:0 0 20px 0;}
.homepage #contentWrapper {width:960px;height:auto;margin-top:39px;padding:0 10px 20px 10px;}
.homepage #mainContent {width:640px;height:auto;float:left;}
.homepage #mainContentSingle {width:552px;height:auto;float:left;}
.homepage #featuredArticle {width:640px;height:279px;} /* {width:634px;height:273px;padding:3px;} */

/***** Sub Pages *****/
.homepage .searchBG {background:#fff;}
.homepage #contentWrapper .searchTitle {font:30px Impact, Arial, Verdana;color:#222222;}
.homepage #contentWrapper .searchTitleDesc {font:16px Arial, Verdana;color:#000000;padding-bottom:10px;border-bottom:1px dotted #ccc;}
.homepage #contentWrapper .searchTitleDesc a {color:#BC2F00;text-decoration:none;border-bottom:1px dotted #BC2F00;}
.homepage #mainContentPage {width:515px;height:auto;float:left;padding:0 20px 0 20px;}
.homepage #mainContentForum {width:960px;height:auto;float:left;padding:0 20px 0 0px;}
.homepage #mainContentPageVideo {width:920px;height:auto;float:left;padding:0 20px 0 20px;}
.homepage #mainContentSearch {width:600px;height:auto;float:left;padding:0 20px 0 20px;}
.homepage #mainContentPage h1, .homepage #mainContentSearch h1 {font:30px Impact, Arial, Verdana;color:#222222;margin:0;padding:0;}
.homepage #mainContentPage h1 a, .homepage #mainContentSearch h1 a {text-decoration:none;color:#333333;}
.homepage #mainContentPage h3, .homepage #mainContentSearch h3 {font:20px Impact, Arial, Verdana;color:#996633;margin:0;padding:0;}
.homepage #mainContentPage h4, .homepage #mainContentSearch h4 {font:18px Impact, Arial, Verdana;color:#333333;margin:0;padding:0;}
.homepage #mainContentPage h3 a, .homepage #mainContentSearch h3 a, .homepage #mainContentPage h4 a, .homepage #mainContentSearch h4 a {text-decoration:none;color:#996633;}
.homepage #mainContentPage h3 a:hover, .homepage #mainContentSearch h3 a:hover, .homepage #mainContentPage h4 a:hover, .homepage #mainContentSearch h4 a:hover {text-decoration:none;color:#996600;}
.homepage #mainContentPage .pagePost, .homepage #mainContentSearch .searchPost {margin:15px 0 5px 0;height:auto;}
.homepage #mainContentPage .pagePost p, .homepage #mainContentSearch .searchPost p {font:12px/18px Helvetica, Arial, Verdana, sans-serif;color:#222;}
.homepage #mainContentPage .pagePost p a, .homepage #mainContentSearch .searchPost p a {font-size:12px;font-weight:bold;text-decoration:none;color:#05b3d8;margin: 5px 0;padding:3px 0;vertical-align:baseline;line-height:35px;}/* border:1px solid #038ca9;background:#05b3d8; */
.homepage #mainContentPage .pagePost p a:hover, .homepage #mainContentSearch .searchPost p a:hover {text-decoration:none;color:#02768f;margin: 5px 0;padding:3px 0;border-bottom:1px dotted #05b3d8;height:10px;}
.homepage #mainContentSearch .seacrhthumbnail {float:left;margin:0 15px 0 0;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background:#000;padding:3px;}
.homepage #mainContentPage #articlebanner {width:500px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background:#000;padding:5px;margin-bottom:10px;}
.homepage #mainContentPage #articlebanner h4 {font:14px Arial, Verdana;color:#33FFFF;margin:0;padding:10px;text-align:center;}


.homepage .articleInfo {font:12px Helvetica, Arial, Verdana, sans-serif;color:#888;padding:12px 0;}
.homepage .articleInfo b {color:#222;padding-right:5px;}
.homepage .articleInfo a {color:#0099cc; text-decoration:none;padding:0 3px;}
.homepage .articleInfo a:hover {border-bottom:1px dotted #0099cc;}
.homepage .entry {padding-top:70px;}
.homepage #mainContentSearch .entry {padding-top:0;}
.homepage .entry h1, .homepage #mainContentSingle .entry h1, #mainContentSearch .entry h1 {font:40px Helvetica, Arial, Verdana;margin:0;padding:0;float:left;margin-left:-60px;color:#fff;text-shadow: #000 1px 2px 1px;height:40px;display:block;width:590px;}
.homepage .entry h3, .homepage #mainContentSingle .entry h3, #mainContentSearch .entry h3 {font:20px Impact, Arial, Verdana;color:#996633;margin:0;padding:0;}
.homepage .entry h3 a, .homepage #mainContentSingle .entry h3 a, #mainContentSearch .entry h3 a {text-decoration:none;color:#996633;}
.homepage .entry h3 a:hover, .homepage #mainContentSingle .entry h3 a:hover, #mainContentSearch .entry h3 a:hover {text-decoration:none;color:#996600;}
.homepage .entry h6, .homepage #mainContentSingle .entry h6, #mainContentSearch .entry h6 {font:bold 15px Arial, Verdana;color:#660000;margin:0;padding:0;text-transform:capitalize;}
.homepage .entry p {font:12px/18px Helvetica, Arial, Verdana, sans-serif;color:#222;}
.homepage .entry p a {color:#0099cc; text-decoration:none;padding:0 3px;}
.homepage .entry p a:hover {border-bottom:1px dotted #0099cc;}
.homepage .gamestatus {width:130px;position:absolute;top:288px;color:#fff;float:left;margin-left:-80px;text-align:center;font:bold 18px Arial, Verdana;text-shadow: #000 1px 2px 1px;}
.homepage .quote {width:460px;height:77px;margin-top:55px;font:18px Georgia, Arial, Verdana;text-shadow: #000 1px 1px 1px;text-align:center;padding:10px 10px 5px 0;margin-bottom:20px;color:#fff;}
.score {-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background:#222;padding:15px 15px 10px 15px;margin:10px 10px 10px 0;height:75px;}
.score .left {width:350px;height:55px;float:left;border-right:1px solid #141414;}
.score .left h4 {font:15px Impact, Arial, Verdana;color:#61bee1;text-transform:uppercase;letter-spacing:1px;}
.score .left ul {margin:0;padding:0;list-style-type:none;}
.score .left ul li {font:12px Arial, Verdana;color:#ccc;}
.score .right {float:left;text-align:center;width:150px;height:55px;border-left:1px solid #333;}
.score .right h5 {font:35px Georgia, Arial, Verdana;color:#fff;text-align:center;}
.score .right p {margin:0;padding:0 !important;}
.score .right span {text-align:center;color:#ccc;}

/***** Logo *****/
.homepage #logo {width:295px;height:121px;margin-top:40px;margin-left:20px;float:left;padding:0;}
.homepage #logo a {text-decoration:none;}
.homepage #logo span {visibility: hidden;text-decoration:none;font:8px Arial, Helvetica, sans-serif;}
.homepage #logo img {font-size:5px;color:#dedede;}

/***** GameUber Sprite *****/
.homepage #footer a .logo, .backtotop, .developer, .twitter, .rss, .commentCount {background-image:url(images/gameuber-icons.gif);}

.homepage #latestUpdates {width:634px;height:auto;margin-top:20px;background:url(images/titlebg.png) repeat-x;padding-left:6px;}
.homepage #latestUpdates .title {height:30px;font:15px Impact, Arial, Helvetica, Verdana, sans-serif;letter-spacing:1px;color:#222222;padding:5px 5px 0 5px;text-transform:uppercase;}
.homepage #latestUpdates .title b {font-weight:normal;color:#bc2f00;}
.homepage #latestUpdates ul {margin:0;padding:10px 0;list-style-type:none;}
.homepage #latestUpdates ul li {width:200px;height:190px;font:12px Helvetica, Arial, Verdana, sans-serif;color:#2b2b2b;padding:0 10px 10px 0;display:block;float:left;margin-bottom:3px;}
.homepage #latestUpdates ul li strong {color:#000000;}
.homepage #latestUpdates ul li .statviews {display:block;font:11px Arial,Verdana;border:1px solid #ccc;padding:3px 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.homepage #latestUpdates ul li .readmore {font-size:12px;font-weight:bold;text-decoration:none;color:#05b3d8;margin: 5px 0;padding:3px 0;vertical-align:baseline;line-height:35px;}/* border:1px solid #038ca9;background:#05b3d8; */
.homepage #latestUpdates ul li .readmore:hover {text-decoration:none;color:#02768f;margin: 5px 0;padding:3px 0;border-bottom:1px dotted #05b3d8;height:10px;}
.homepage #latestUpdates ul li img {margin-bottom:3px;}

.homepage #previewphoto {}
.homepage #previewphoto .previewphotoTitle {background:#f9f9f9 url(images/titlebg.png) repeat-x;height:30px;font:15px Impact, Arial, Helvetica, Verdana, sans-serif;letter-spacing:1px;color:#222222;padding:5px 5px 0 5px;text-transform:uppercase;}
.homepage #previewphoto ul {list-style-type:none;margin:0;padding:0 0 0 12px;background:#f9f9f9 url(images/tile.gif);text-align:center;}
.homepage #previewphoto ul li {float:left;}
.homepage #previewphoto ul li a {border:3px solid #fff;display:block;width:120px;height:68px;float:left;background:url(images/tile.gif);padding:3px;}
.homepage #previewphoto ul li a:hover {border:3px solid #222;display:block;width:120px;height:68px;float:left;}
.homepage #previewphoto .courtesy {font:11px Arial, Verdana;color:#333;padding-left:15px;}


.homepage #sidebarLeft {width:78px;height:auto;float:left;margin-top:370px;padding-right:10px;}
.homepage #sidebarLeftNews {width:78px;height:auto;float:left;margin-top:30px;padding-right:10px;}
.homepage #sidebarRight {width:310px;height:auto;float:right;}
.homepage #sidebarRight .sidebarSection {background:url(images/titlebg.png) repeat-x;height:auto;margin-top:21px}
.homepage #sidebarRight .sidebarSection .title {height:30px;font:15px Impact, Arial, Helvetica, Verdana, sans-serif;letter-spacing:1px;color:#222222;padding:5px 5px 0 10px;text-transform:uppercase;}
.homepage #sidebarRight .sidebarSection .title b {font-weight:normal;color:#bc2f00;}
.homepage #sidebarRight .sidebarSection ul {margin:0;padding:0;list-style-type:none;padding:5px;}
.homepage #sidebarRight .sidebarSection ul li {font:12px Helvetica, Arial, Verdana, sans-serif;color:#222222;padding:10px 3px;border-bottom:1px dotted #999999;}
.homepage #sidebarRight .sidebarSection ul li strong {color:#000000;}
.homepage #sidebarRight .sidebarSection ul li .readmore, .homepage #sidebarRight .sidebarSection ul li p .readmore, .homepage #sidebarRight .sidebarSection p .readmore {font-size:12px;font-weight:bold;text-decoration:none;color:#05b3d8 !important;margin: 5px 0;padding:3px 0;vertical-align:baseline;line-height:35px;}/* border:1px solid #038ca9;background:#05b3d8; */
.homepage #sidebarRight .sidebarSection ul li .readmore:hover, .homepage #sidebarRight .sidebarSection ul li p .readmore:hover, .homepage #sidebarRight .sidebarSection p .readmore:hover {text-decoration:none;color:#02768f;margin: 5px 0;padding:3px 0;border-bottom:1px dotted #05b3d8;height:10px;}
.homepage #sidebarRight .sidebarSection ul li .date {font-size:10px;color:#999999;}
.homepage #sidebarRight .developerInfo {width:240px;height:44px;padding:20px 0 0 55px;font:12px Helveticda, Arial, Verdana;color:#fff;margin-bottom:20px;text-shadow: #222222 1px 1px 1px;}
.homepage #sidebarRight .developerInfo b {font-weight:bold;}
.homepage #sidebarRight .bannerThumb1 {width:231px;height:115px;}
.homepage #sidebarRight .bannerThumb1 a {width:231px;height:115px;display:block;margin-left:75px;}
.homepage #sidebarRight .bannerThumb2 {width:310px;height:186px;}
.homepage #sidebarRight .bannerThumb2 a {width:310px;height:186px;display:block;text-decoration:none;}
.homepage #sidebarRight .bannerThumb2 a span {width:118px;height:52px;text-align:center;font:10px Arial, Verdana;color:#000;float:right;margin:119px 16px 0 0;padding:2px;}
.homepage #sidebarRight .sidebarVideo {width:auto;height:auto;}

.homepage #footerWrapper {background:#1a1a1a url(images/footerbg.gif) repeat-x;width:100%;height:auto;left:0;right:0;bottom:0;border-top:3px solid #999999;border-bottom:6px solid #0e0e0e;}
.homepage #footer {width:960px;height:auto;margin:0 auto;text-align:left;padding:0 10px;}
.homepage #footer .footerLogo {display:block;height:69px;}
.homepage #footer a .logo {background-position:0 -286px;width:355px;height:69px;display:block;float:left;cursor:pointer;}
.homepage #footer .footerRow {background:url(images/footerRowDivider.gif) bottom repeat-x;height:auto;display:block;margin-top:10px;}
.homepage #footer .footerSection {width:310px;height:auto;text-align:left;float:left;margin-right:5px;}
.homepage #footer .footerSection h2, .homepage #footer .footerSection h3 {height:20px;font:15px Impact, Arial, Helvetica, Verdana, sans-serif;letter-spacing:1px;color:#05adc0;padding:5px 0 0 0;text-transform:uppercase;border-bottom:1px dotted #ffffff;width:280px;margin-top:10px;}
.homepage #footer .footerSection h2 b, .homepage #footer .footerSection h3 b {font-weight:normal;color:#ffffff;}
.homepage #footer .footerSectionWide {padding:10px 20px;text-align:center;}
.homepage #footer .footerSectionWide h3 {visibility:hidden;}
.homepage #footer .footerSectionWide a {color:#a1b8cf;text-decoration:none;}
.homepage #footer .footerSectionWide a:hover {color:#fff;text-decoration: underline;}
.homepage #footer .footerSection ul, .homepage #footer .footerSection ol {width:290px;height:auto;margin:15px 0 15px 15px;padding:0px;list-style-type:square;}
.homepage #footer .footerSection ol {list-style-type:decimal;}
.homepage #footer .footerSection ul li, .homepage #footer .footerSection ol li {font:12px Helvetica, Arial, Verdana, sans-serif;color:#999;padding:3px 0;}
.homepage #footer .footerSection ul li strong {color:#747474;}
.homepage #footer .footerSection ul li .readMore, .homepage #footer .footerSection ul li a {font-size:12px;text-decoration:none;color:#eee;margin: 5px 0;padding:3px 0 0px 0;vertical-align:baseline;}/* border:1px solid #038ca9;background:#05b3d8; */
.homepage #footer .footerSection ul li .readMore:hover, .homepage #footer .footerSection ul li a:hover {text-decoration:none;color:#deeaff;margin: 5px 0;padding:3px 0 0px 0;height:10px;border-bottom:1px dotted #deeaff;}

.homepage #footer .footerBaseline {height:35px;display:block;padding-top:10px;}
.homepage #footer .footerBaseline .copyright {float:left;font:11px Helvetica, Arial, Verdana, sans-serif;color:#c7c7c7;width:290px;display:block;padding:5px 5px 5px 0;text-align:left !important;}
.homepage #footer .footerBaseline .copyright a {color:#c7c7c7;text-decoration:none;}
.homepage #footer .footerBaseline ul {margin:0;padding:0;list-style-type:none;float:right;text-align:left;}
.homepage #footer .footerBaseline ul li {font:11px Helvetica, Arial, Verdana, sans-serif;color:#ffffff;padding:5px 8px;display:block;float:left;text-transform:uppercase;}
.homepage #footer .footerBaseline ul li a {color:#c7c7c7;text-decoration:none;}
.homepage #footer .footerBaseline ul li a:hover {color:#05b3d8;text-decoration:none;}


/***** Navigation *****/
#menubg {width:100%;height:45px;background-color:#272727;position: absolute;left:0;right:0;top:0;border-bottom:1px solid #222222;} /* IE filter:alpha(opacity=80); */
#menuDiv {width:930px;height:45px;margin:0 auto;font:bold 13px Helvetica, Arial, Verdana, sans-serif;padding-left:50px;}

/* menu */
#menu{ margin:0px; padding:0px; list-style:none; color:#fff; line-height:45px; display:inline-block; float:left; z-index:1000; }
#menu a { color:#fff; text-decoration:none;background:#272727;-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;padding:5px 10px; }
#menu > li {background:#272727 none repeat scroll 0 0; cursor:pointer; float:left; position:relative;padding:0px 5px;}
#menu > li a:hover {color:#fff;background:#5082bf;-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;padding:5px 10px;}
#menu .logo {background:transparent none repeat scroll 0% 0%; padding:0px; background-color:Transparent;}
/* sub-menus*/
#menu ul { padding:0px; margin:0px; display:block; display:inline;}
#menu li ul { position:absolute; left:-10px; top:0px; margin-top:45px; width:150px; line-height:16px; background-color:#172322; color:#0395CC; /* for IE */ display:none; }
#menu li:hover ul { display:block;}
#menu li ul li{ display:block; margin:5px 20px; padding: 5px 0px;  border-top: dotted 1px #606060; list-style-type:none; }
#menu li ul li:first-child { border-top: none; }
#menu li ul li a { display:block; color:#0395CC; }
#menu li ul li a:hover { color:#ffffff; }
/* main submenu */
#menu #main { left:0px; top:-20px; padding-top:20px; background-color:#7cb7e3; color:#fff; z-index:999;}

/* corners*/
#menu .corner_inset_left { position:absolute; top:0px; left:-12px;}
#menu .corner_inset_right { position:absolute; top:0px; left:150px;}
#menu .last { background:transparent none repeat scroll 0% 0%; margin:0px; padding:0px; border:none; position:relative; border:none; height:0px;}
#menu .corner_left { position:absolute; left:0px; top:0px;}
#menu .corner_right { position:absolute; left:132px; top:0px;}
#menu .middle { position:absolute; left:18px; height: 20px; width: 115px; top:0px;}
#menu .current_page_item a {color:#fff;background:#5082bf;-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;padding:5px 10px;}

/* search */
.searchContainer { display:inline;float:right;text-align:left;width:300px;padding:10px;}
.searchContainer label {color:#fff;}
.searchContainer input[type="text"] 
{background-color: #FFFFFF;border: 1px solid #414141;color:#999999;padding: 4px;line-height: 14px;font: 12px Arial, Verdana, Tahoma, Arial;margin: 0;
-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.searchContainer img { vertical-align:middle;}
.searchContainer input[type="submit"] {border:0;background-color: #414141;color:#00FFFF;font: 12px Arial, Verdana, Tahoma, Arial;cursor:pointer;
-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;padding:4px;}
.searchContainer input[type="submit"]:hover {background-color: #5082bf !important;color:#fff !important;
-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;padding:4px;}

/***** Themes *****/
.customTheme {background:#ffffff url(images/homebg.jpg) center top no-repeat;}
.homeTheme {background:#ffffff url(images/homebg.jpg) center top no-repeat;}
.pcTheme {background:#ffffff url(images/gameuber-pcTheme.jpg) center top no-repeat;}
.ps3Theme {background:#ffffff url(images/gameuber-ps3Theme.jpg) center top no-repeat;}
.pspTheme {background:#ffffff url(images/gameuber-pspTheme.jpg) center top no-repeat;}
.wiiTheme {background:#ffffff url(images/gameuber-wiiTheme.jpg) center top no-repeat;}
.xboxTheme {background:#ffffff url(images/gameuber-xboxTheme.jpg) center top no-repeat;}
.newsTheme {background:#ffffff url(images/homebg.jpg) center top no-repeat;}


/***** ADs *****/
.homepage #sidebarRight .adRight300x250 {width:300px;height:250px;border:3px solid #ffffff;margin-top:22px;margin-left:2px;}
.homepage #sidebarRight .adRight300x600 {width:300px;height:600px;border:3px solid #ffffff;margin-top:22px;margin-left:2px;}
.homepage #footer .adBottom728x90 {height:100px;padding:15px 5px 5px 5px;background:url(images/footerRowDivider.gif) bottom repeat-x;}
.bcolor1 {border:3px solid #999;}

/***** Video *****/
.homepage #sidebarRight .postvideo {width:300px;height:250px;border:3px solid #ffffff;margin-top:22px;margin-left:2px;}
.homepage #videos {padding:10px 20px 20px 20px;}
/***** Comments *****/
#respond {margin:10px 0;}
#respond h3, h3#comments {font:15px Impact, Arial, Verdana;color:#222;text-transform: uppercase;letter-spacing:1px;margin:20px 0;border-top:5px solid #333;padding-top:5px;}
#respond h3 span, h3#comments span, #respond label small {color:#BC2F00;}
#respond p {}
#respond p textarea {margin:0;}
#respond input, #respond textarea {border:1px solid #999;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;padding:5px;}
#respond label {font:bold 13px Arial, Verdana;color:#333;padding-left:5px;}
#respond label small {font-weight:normal;}
ol.commentlist {margin:0;padding:0;}  
.commentlist li {list-style:none;margin-bottom:14px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;border:1px solid #d4d4d4;}  
.commentlist cite {padding: 10px 10px 15px 10px;display:block;font-style:normal;background:#f5f5f5;border-top:1px solid #fff;border-bottom:1px solid #fff;color:#596e3b;font:11px Arial, Verdana;}
.commentlist cite .time, .commentlist cite .date {text-transform:uppercase;color:#666;text-decoration:none;padding-top:5px;line-height:25px;}
.commentlist a:link, .commentlist a:visited {color:#596e3b;}
.commentlist a:hover, .commentlist a:active {color:#8ec343;}
.commentlist cite img {padding:1px;border:1px solid #aab59a;float:left;margin-right:9px;}
.commentlist .author {font:15px Impact, Georgia, "Times New Roman", Times, serif;text-transform:uppercase;letter-spacing:1px;text-decoration:underline;padding:2px 0;}
.commentlist .time {background: url(images/bg_clock.gif) no-repeat 1px;padding-left:13px;}
.commenttext {background: #9bc561 url(images/bg_comments2_text.jpg) repeat-x bottombottom;border-top:1px solid #e8e8e8;padding: 5px 20px 10px 20px;color:#fafcf6;}
.pending {font:11px Arial, Verdana;font-style:italic;text-align:center;padding:5px;color:#333;}

.commentCount {background-position:-210px -103px;margin:0 0 0 0;text-align:center;padding:8px 0 4px 0;height:48px;}
.commentCount a {font:bold 18px Helvetica, Arial, Verdana;color:#05adc0;text-decoration:none;}
/*.commentCount span {font:bold 12px Helvetica, Arial, Verdana;color:#222222;text-transform:uppercase;margin:3px 0;line-height:40px;}*/
/* Date Post */
.postDate, .author {font:bold 12px Helvetica, Arial, Verdana;color:#222222;text-transform:uppercase;text-align:center;margin-bottom:10px;}
.postDate span, .author span {font-weight:normal;text-transform: none;}

/***** Miscellaneous *****/
.backtotop {float:right;background-position:0 0;width:90px;height:16px;text-transform:uppercase;font:11px Impact, Arial, Verdana, sans-serif;color:#ffffff;text-align:center;cursor:pointer;text-decoration:none !important;margin-top:17px;line-height:60px;}
.backtotop a {color:#ffffff !important;text-decoration:none;}
.backtotop:hover {background-position:-90px 0;}
.developer {background-position:0 -196px;margin:15px 30px 5px 30px;display:block;}
.developer span {display:block;width:247px;height:89px;visibility:hidden;}
.extraDetails {font:12px Helvetica, Arial, Verdana;color:#222;text-align:right;padding-right:3px;}
.twitter {background-position:0 -103px;margin:15px 50px 5px 50px;}
.twitter span {width:209px;height:92px;visibility:hidden;display:block;}
.rss {background-position:0 -17px;width:14px;height:14px;display:block;padding-left:20px;cursor:pointer;}
.titleposthide {visibility:hidden;}
.fix1 {margin-top:-115px;}
.reddit {margin:3px 0 15px 0;}
.homepage #mainContentPage .pagePost .source {font:bold 12px Arial, Verdana;} .homepage #mainContentPage .pagePost .source a {color:#05B3D8;text-decoration:none;} .homepage #mainContentPage .pagePost .source a:hover {color:#05B3D8;text-decoration:none;border-bottom:1px dotted #05B3D8;}
#tools {height:50px;display:block;padding:10px 0;}
#tools .sociable {float:left;display:block;}
#tools .sociable img {border:1px solid #cccccc;margin:0 3px 5px 0;padding:2px;}
#tools .starRatings {float:right;display:block;font:12px Arial, Verdana;}
.partners {text-align:left;float:left;}
.partners b {color:#666666 !important;}

/*  Colorbox */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}
#colorbox{}
#cboxContent{background:#000; margin-top:20px;}
#cboxLoadedContent{background:#000; padding:5px;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
#cboxClose.hover{background-position:bottom center;}


/* PageNavi */
.wp-pagenavi {font:12px Arial, Verdana;}
.wp-pagenavi a, .wp-pagenavi a:link {padding:4px 8px;margin: 2px;text-decoration: none;border: 1px solid #666666;color: #666666;background-color: #FFFFFF;}
.wp-pagenavi a:visited {padding:4px 8px;margin: 2px;text-decoration: none;border: 1px solid #999999;color:#999999;background-color:#FFFFFF;}
.wp-pagenavi a:hover {border: 1px solid #3399CC;color: #ffffff;background-color:#3399CC;}
.wp-pagenavi a:active {padding:4px 8px;margin: 2px;text-decoration: none;border: 1px solid #666666;color: #666666;background-color: #FFFFFF;}
.wp-pagenavi span.pages {padding:4px 8px;margin: 2px 2px 2px 2px;color: #666666;border: 1px solid #666666;background-color: #FFFFFF;}
.wp-pagenavi span.current {padding:4px 8px;margin: 2px;font-weight: bold;border: 1px solid #3399CC;color: #ffffff;background-color:#3399CC;}
.wp-pagenavi span.extend {padding:4px 8px;margin: 2px;border: 1px solid #000000;color: #000000;background-color: #FFFFFF;}

/* Tweetmeme Override */
.homepage #mainContentPage .tweetmeme_button {margin-left:-95px !important;margin-top:0 !important;}


/***** UI Core *****/
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.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; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/***** Accordion *****/

.homepage #sidebarRight #accordion {height:auto;height:360px;}
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a {display: block;height:auto;font:15px Impact, Arial, Helvetica, Verdana, sans-serif;letter-spacing:1px;color:#222222;padding:10px 5px 10px 30px;text-transform:uppercase;}
.ui-accordion .ui-accordion-header a b {font-weight:normal;color:#025788;}
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { height:110px;padding:5px; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content p {font:12px Helvetica, Arial, Verdana, sans-serif;color:#222222;padding:10px 0;}
.ui-accordion .ui-accordion-content p .accordionThumb {margin:0 10px 10px 0;float:left;}
.ui-accordion .ui-accordion-content p .readMore {font-size:12px;font-weight:bold;text-decoration:none;color:#05b3d8;margin: 5px 0;padding:3px 0;vertical-align:baseline;line-height:35px;}/* border:1px solid #038ca9;background:#05b3d8; */
.ui-accordion .ui-accordion-content p .readMore:hover {text-decoration:none;color:#02768f;margin: 5px 0;padding:3px 0;border-bottom:1px dotted #05b3d8;height:10px;}
.ui-accordion .ui-accordion-content-active { display: block; }
.calendar { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; }
.calendar { background-position: -32px -112px;width:16px;height:16px;float:right;display:block;text-align:left;margin-top:10px;margin-right:125px; }

/***** Tabs *****/

.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.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 { padding: 1em 1.4em; display: block; border-width: 0; background: none;font:12px/18px Helvetica, Arial, Verdana; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs .ui-tabs-panel p .tabThumb {margin:0 10px 10px 0;float:left;}


/***** Sliding Panel *****/
.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}
/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {background: url(images/tab_b.png) repeat-x 0 0;height: 42px;position: relative;top: 0;z-index: 999;}
.tab ul.login {display: block;position: relative;float: right;clear: right;height: 42px;width: auto;font-weight: bold;line-height: 42px;margin: 0;right: 150px;color: white;font-size: 11px;text-align: center;}
.tab ul.login li.left {background: url(images/tab_l.png) no-repeat left 0;height: 42px;width: 30px;padding: 0;margin: 0;display: block;float: left;}
.tab ul.login li.right {background: url(images/tab_r.png) no-repeat left 0;height: 42px;width: 30px;padding: 0;margin: 0;display: block;float: left;}
.tab ul.login li {text-align: left;padding: 0 6px;display: block;float: left;height: 42px;background: url(images/tab_m.png) repeat-x 0 0;}
.tab ul.login li a {color: #15ADFF;}
.tab ul.login li a:hover {color: white;}
.tab .sep {color:#414141}
.tab a.open, .tab a.close {height: 20px;line-height: 20px !important;padding-left: 30px !important;cursor: pointer;display: block;width: 100px;position: relative;top: 11px;}
.tab a.open {background: url(images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(images/bt_close.png) no-repeat left -19px;}
#toggle {font:bold 11px Arial, Verdana;}
#toggle a {text-decoration:none;}

/* sliding panel */
#toppanel {
position: absolute;   /*Panel will overlap  content */
/*position: relative;*/   /*Panel will "push" the content down */
top: 45px;width: 100%;z-index: 999;text-align: center;margin-left: auto;margin-right: auto;left:0;}
#panel {width: 100%;height: 270px;color: #999999;background: #272727;overflow: hidden;position: relative;z-index: 3;display: none;}
#panel h1, #panel h2 {font-size: 1.6em;padding: 5px 0 10px;margin: 0;color: white;}
#panel h3{font-size: 1.2em;padding: 10px 0 5px;margin: 0;color: white;}
#panel ul {list-style-type:none;}
#panel p {margin: 5px 0;padding: 0;}
#panel a {text-decoration: none;color: #15ADFF;}
#panel a:hover {color: white;}
#panel a-lost-pwd {display: block;float: left;}
#panel .content {width: 960px;margin: 0 auto;padding-top: 15px;text-align: left;font-size: 0.85em;}
#panel .content .left {width: 280px;float: left;padding: 0 15px;border-left: 1px solid #333;}
#panel .content .right {border-right: 1px solid #333;}
#panel .content form {margin: 0 0 10px 0;}
#panel .content label {float: left;padding-top: 8px;clear: both;width: 280px;display: block;}
#panel .content input.field {border: 1px #1A1A1A solid;background: #414141;margin-right: 5px;margin-top: 4px;padding:4px;width: 200px;color: white;height: 16px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
#panel .content input:focus.field {background: #545454;}

#panel .wpu_user label, #panel .wpu_password label {float: left;padding-top: 8px;clear: both;width: 280px;display: block;}
#panel .wpu_user input, #panel .wpu_password input {border: 1px #1A1A1A solid;background: #414141;margin-right: 5px;margin-top: 4px;padding:4px;width: 200px;color: white;height: 16px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
#panel .wpu_user input.inputbox, #panel .wpu_password input.inputbox {border: 1px #1A1A1A solid;background: #414141;color: white;}
#panel .wpu_user input:focus.inputbox, #panel .wpu_password input:focus.inputbox {background: #545454;}
#panel .wpu_signup a, #panel .wpu_rempassword a, #panel .wpu_remember {font-size:11px !important;}
#panel .wpu_remember input {float:left;}
#panel .wpu_remember label {float:left;clear:none;width:200px;margin:-5px 0 0 5px;}
#panel .wpu_login {clear:both;width:230px;}
#panel .wpu_login input[type="submit"] {border:0;background-color: #414141;color:#00FFFF;font: 12px Arial, Verdana, Tahoma, Arial;cursor:pointer;
-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;padding:4px;}
#panel .wpu_login input[type="submit"]:hover {background-color: #5082bf !important;color:#fff !important;
-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;padding:4px;}
#panel .wpu_login .button1 {width:80px;}
#panel .wpu_login, #panel .wpu_signup, #panel .wpu_rempassword {float:left;}
#panel .wpu_signup, #panel .wpu_rempassword {width:110px;text-align:center;}
#panel .wpu_avatar {border:3px solid #666;float:left;width:90px;}
#panel .wpu_username {float:right;width:100px;text-align:left;}
.avatar {}
/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {display: block;float: left;clear: left;height: 24px;text-align: center;cursor: pointer;border: none;font-weight: bold;margin: 10px 0;}
#panel .content input.bt_login {width: 74px;background: transparent url(images/bt_login.png) no-repeat 0 0;}
#panel .content input.bt_register {width: 94px;color: white;background: transparent url(images/bt_register.png) no-repeat 0 0;}
#panel .lost-pwd {display: block;float:left;clear: right;padding: 15px 5px 0;font-size: 0.95em;text-decoration: underline;}


/******************************************************
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header { border-bottom: 1px solid #aaaaaa/*{borderColorHeader}*/; background: none/*{bgColorHeader}*/ /*url(images/titlebg.png)*//*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }
.demomyfix .ui-widget-content {border:none !important;}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font:normal 15px Impact, Arial, Verdana;text-transform:uppercase; color: #000000/*{fcDefault}*/; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #BC2F00/*{fcHover}*/; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { font:normal 15px Impact, Arial, Verdana;text-transform:uppercase;border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*//*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ /*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #000000 !important/*{fcActive}*/; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-right {  -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; }

/* Demos */

.demos-nav, .demos-nav dt, .demos-nav dd, .demos-nav ul, .demos-nav li {margin: 0;padding: 0}
.demos-nav {float: left;width: 170px;font-size: 1.3em;}
.demos-nav dt, .demos-nav h4 {margin: 0;padding: 0;font: normal 1.1em "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";color: #e87b10;}
.demos-nav dt, .demos-nav h4 {margin-top: 1.5em;margin-bottom: 0;padding-left: 8px;padding-bottom:5px;line-height: 1.2em;border-bottom: 1px solid #F4F4F4;}
.demos-nav dd a, .demos-nav li a {border-bottom: 1px solid #F4F4F4;display:block;padding: 4px 3px 4px 8px;font-size: 90%;text-decoration: none;color: #555;margin:2px 0;height:13px;}
.demos-nav dd a:hover, .demos-nav dd a:focus, .demos-nav dd a:hover, .demos-nav dd a:focus {background: #f3f3f3;color:#000;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.demos-nav dd a.selected {background: #555;color:#ffffff;-moz-border-radius: 5px; -webkit-border-radius: 5px;}

.normal h3.demo-header { font-size:32px; padding:0 0 5px; border-bottom:1px solid #eee; text-transform: capitalize; }
.normal h4.demo-subheader { font-size:10px; text-transform: uppercase; color:#999; padding:8px 0 3px; border:0; margin:0; }
.normal a:link, .normal a:visited { color:#1b75bb; text-decoration:none; }
.normal a:hover, .normal a:active { color:#0b559b; }

#demo-config { padding:20px 0 0; }
#demo-frame { float:left; width:540px; height:380px; border:1px solid #ddd; overflow: auto; position: relative; }
#demo-frame h3, #demo-frame h4 { padding: 0; font-weight: bold; font-size: 1em; }
#demo-config-menu { float:right; width:180px;  }
#demo-config-menu h4 { font-size:13px; color:#666; font-weight:normal; border:0; padding-left:18px; }
#demo-config-menu ul { list-style: none; padding: 0; margin: 0; }
#demo-config-menu li { font-size:12px; padding:0 0 0 10px; margin:3px 0; zoom: 1; }
#demo-config-menu li a:link,
#demo-config-menu li a:visited { display:block; padding:1px 8px 4px; border-bottom:1px dotted #b3b3b3; }
* html #demo-config-menu li a:link,
* html #demo-config-menu li a:visited { padding:1px 8px 2px; }
#demo-config-menu li a:hover,
#demo-config-menu li a:active { background-color:#f6f6f6; }
#demo-config-menu li.demo-config-on { background: url(images/demo-config-on-tile.gif) repeat-x left center; }
#demo-config-menu li.demo-config-on a:link,
#demo-config-menu li.demo-config-on a:visited,
#demo-config-menu li.demo-config-on a:hover,
#demo-config-menu li.demo-config-on a:active { background: url(images/demo-config-on.gif) no-repeat left; padding-left:18px; color:#fff; border:0; margin-left:-10px; margin-top: 0px; margin-bottom: 0px; }

#demo-source, #demo-notes {clear: both;padding: 20px 0 0;font-size: 1.3em;}
#demo-notes { width:520px; color:#333; font-size: 1em; }
#demo-notes p code, .demo-description p code { padding: 0; font-weight: bold; }
#demo-source pre, #demo-source code { padding: 0; }
code, pre { padding:8px 0 8px 20px ; font-size: 1.2em; line-height:130%;  }

#demo-source a:link,
#demo-source a:visited,
#demo-source a:hover,
#demo-source a:active { font-size:12px; padding-left:13px; background-position: left center; background-repeat: no-repeat; }

#demo-source a.source-open:link,
#demo-source a.source-open:visited,
#demo-source a.source-open:hover,
#demo-source a.source-open:active { background-image: url(images/demo-spindown-open.gif); }

#demo-source a.source-closed:link,
#demo-source a.source-closed:visited,
#demo-source a.source-closed:hover,
#demo-source a.source-closed:active { background-image: url(images/demo-spindown-closed.gif); }

div.demo {padding:12px;font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";}
div.demo h3.docs { clear:left; font-size:12px; font-weight:normal; padding:0 0 1em; margin:0; }
div.demo-description {clear:both;padding:12px;font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";font-size: 1.3em;line-height: 1.4em;}

.ui-draggable, .ui-droppable {background-position: top left;}
.left-nav .demos-nav {padding-right: 10px;}

#demo-link { font-size:11px;  padding-top: 6px; clear: both; overflow: hidden; }
#demo-link a span.ui-icon { float:left; margin-right:3px; }

/* Component containers
----------------------------------*/
#widget-docs .ui-widget { font-family: Trebuchet MS,Verdana,Arial,sans-serif; font-size: 1em; }
#widget-docs .ui-widget input, #widget-docs .ui-widget select, #widget-docs .ui-widget textarea, #widget-docs .ui-widget button { font-family: Trebuchet MS,Verdana,Arial,sans-serif; font-size: 1em; }
#widget-docs .ui-widget-header { border: 1px solid #ffffff; background: #464646 url(images/464646_40x100_textures_01_flat_100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
#widget-docs .ui-widget-header a { color: #ffffff; }
#widget-docs .ui-widget-content { border: 1px solid #ffffff; background: #ffffff url(images/ffffff_40x100_textures_01_flat_75.png) 50% 50% repeat-x; color: #222222; }
#widget-docs .ui-widget-content a { color: #222222; }

/* Interaction states
----------------------------------*/
#widget-docs .ui-state-default, #widget-docs .ui-widget-content #widget-docs .ui-state-default { border: 1px solid #666666; background: #555555 url(images/555555_40x100_textures_03_highlight_soft_75.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; }
#widget-docs .ui-state-default a { color: #ffffff; text-decoration: none; outline: none; }
#widget-docs .ui-state-hover, #widget-docs .ui-widget-content #widget-docs .ui-state-hover, #widget-docs .ui-state-focus, #widget-docs .ui-widget-content #widget-docs .ui-state-focus { border: 1px solid #666666; background: #444444 url(images/444444_40x100_textures_03_highlight_soft_60.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; }
#widget-docs .ui-state-hover a { color: #ffffff; text-decoration: none; outline: none; }
#widget-docs .ui-state-active, #widget-docs .ui-widget-content #widget-docs .ui-state-active { border: 1px solid #666666; background: #ffffff url(images/ffffff_40x100_textures_01_flat_65.png) 50% 50% repeat-x; font-weight: normal; color: #F6921E; outline: none; }
#widget-docs .ui-state-active a { color: #F6921E; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
#widget-docs .ui-state-highlight, #widget-docs .ui-widget-content #widget-docs .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/fbf9ee_40x100_textures_02_glass_55.png) 50% 50% repeat-x; color: #363636; }
#widget-docs .ui-state-error, #widget-docs .ui-widget-content #widget-docs .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/fef1ec_40x100_textures_05_inset_soft_95.png) 50% bottom repeat-x; color: #cd0a0a; }
#widget-docs .ui-state-error-text, #widget-docs .ui-widget-content #widget-docs .ui-state-error-text { color: #cd0a0a; }
#widget-docs .ui-state-disabled, #widget-docs .ui-widget-content #widget-docs .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
#widget-docs .ui-priority-primary, #widget-docs .ui-widget-content #widget-docs .ui-priority-primary { font-weight: bold; }
#widget-docs .ui-priority-secondary, #widget-docs .ui-widget-content #widget-docs .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
#demo-frame-wrapper .ui-icon, #widget-docs .ui-icon { width: 16px; height: 16px; background-image: url(images/222222_256x240_icons_icons.png); }
#widget-docs .ui-widget-content .ui-icon {background-image: url(images/222222_256x240_icons_icons.png); }
#widget-docs .ui-widget-header .ui-icon {background-image: url(images/222222_256x240_icons_icons.png); }
#widget-docs .ui-state-default .ui-icon { background-image: url(images/888888_256x240_icons_icons.png); }
#widget-docs .ui-state-hover .ui-icon, #widget-docs .ui-state-focus .ui-icon {background-image: url(images/454545_256x240_icons_icons.png); }
#widget-docs .ui-state-active .ui-icon {background-image: url(images/454545_256x240_icons_icons.png); }
#widget-docs .ui-state-highlight .ui-icon {background-image: url(images/2e83ff_256x240_icons_icons.png); }
#widget-docs .ui-state-error .ui-icon, #widget-docs .ui-state-error-text .ui-icon {background-image: url(images/cd0a0a_256x240_icons_icons.png); }


/* Misc visuals
----------------------------------*/

/* Corner radius */
#widget-docs .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
#widget-docs .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
#widget-docs .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
#widget-docs .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
#widget-docs .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
#widget-docs .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
#widget-docs .ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
#widget-docs .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
#widget-docs .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Overlays */
#widget-docs .ui-widget-overlay { background: #aaaaaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
#widget-docs .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }

/*
----------------------------------*/

#widget-docs { margin:20px 0 0; border: none; }

#widget-docs h2, #widget-docs h3, #widget-docs h4, #widget-docs p, #widget-docs ul, #widget-docs code { margin:0; padding:0; }
#widget-docs code { display:block; color:#444; font-size:.9em; margin:0 0 1em; }
#widget-docs code strong { color:#000; }
#widget-docs p { margin:0 3em 1.2em 0; }
#widget-docs p.intro { font-size:13px; color:#666; line-height:1.3; }
#widget-docs ul { list-style-type: none; }

#widget-docs h2 { font-size:16px; margin:1.2em 0 .5em; }
#widget-docs h3 { font-size:14px; color:#e6820E; margin:1.5em 0 .5em; }
.normal #widget-docs h4 { font-size:12px; color:#000; border:0; margin:0 0 .5em; }

#docs-overview-main { width:400px; }
#docs-overview-sidebar { float:right; width:200px; }
#docs-overview-sidebar a span { color:#666; }
#widget-docs #docs-overview-main p { margin-right:0; }
#widget-docs #docs-overview-sidebar h4 { padding-left:0; }

.docs-list-header { float:left; width:100%; margin:10px 0 0; border-bottom:1px solid #eee; }
#widget-docs .docs-list-header h2 { float:left; margin:0; }
#widget-docs .docs-list-header p { float:right; margin:5px 0; font-size:11px; }

.docs-list { float:left; width:100%; padding:0 0 10px; }
.docs-list .param-header { float:left; clear:left; width:100%; padding:8px 0; border-top:1px solid #eee; }
#widget-docs .param-header h3, #widget-docs .param-header p { margin:0; float:left; }
#widget-docs .param-header h3 { width:50%; }
#widget-docs .param-header h3 span { background: url(images/demo-spindown-closed.gif) no-repeat left; padding-left:13px; }
#widget-docs .param-open .param-header h3 span { background: url(images/demo-spindown-open.gif) no-repeat left; }
#widget-docs .param-header p { width:24%; }
#widget-docs .param-header p.param-type span { background: url(images/icon-docs-info.gif) no-repeat left; cursor:pointer; border-bottom:1px dashed #ccc; padding-left:15px; }

.param-details { padding-left:13px; }
.param-args { margin:0 0 1.5em; border-top:1px dotted #ccc;}
.param-args td { padding:3px 30px 3px 5px; border-bottom:1px dotted #ccc;  }


/* overrides for ui-tab styles */
#widget-docs ul.ui-tabs-nav { padding:0 0 0 8px; }
#widget-docs .ui-tabs-nav li { margin:5px 5px 0 0; }

#widget-docs .ui-tabs-nav li a:link,
#widget-docs .ui-tabs-nav li a:visited,
#widget-docs .ui-tabs-nav li a:hover,
#widget-docs .ui-tabs-nav li a:active { font-size:14px; padding:4px 1.2em 3px; color:#fff; }

#widget-docs .ui-tabs-nav li.ui-tabs-selected a:link,
#widget-docs .ui-tabs-nav li.ui-tabs-selected a:visited,
#widget-docs .ui-tabs-nav li.ui-tabs-selected a:hover,
#widget-docs .ui-tabs-nav li.ui-tabs-selected a:active { color:#e6820E; }

#widget-docs .ui-tabs-panel { padding:20px 9px; font-size:12px; line-height:1.4; color:#000; }

#widget-docs .ui-widget-content a:link,
#widget-docs .ui-widget-content a:visited { color:#1b75bb; text-decoration:none; }
#widget-docs .ui-widget-content a:hover,
#widget-docs .ui-widget-content a:active { color:#0b559b; }

/***** Browser Hacks *****/
.ie .calendar {background: none;}
.ie7 .calendar {background: none;}
.ie7 .homepage .quote {margin-top:130px;}
.gecko .example {background-color: gray;}
.win.gecko .example {background-color: red;}
.linux.gecko .example {background-color: pink;}
.opera .example {background-color: green;}
.konqueror .example {background-color: blue;}
.webkit .example {background-color: black;}
.example {width: 100px;height: 100px;;}
.no_js { display: block; }
.has_js { display: none; }
.js .no_js { display: none; }
.js .has_js { display: block; }