/*
Site:           strolen.com
File:           main.css
Created:
Last Modified:  Jan 10 2010
-----------------------------------------------------------

Created for Lockmor 3.2 Graphic Version
strolen@strole.com | Copyright 2008-2010
=========================================================== */


/* MAIN styles
=========================================================== */
.full {margin:auto;}

body {
    color: #000;
    background: #d9cab4;
    background: url(graphics/main_back.jpg);
    font-family: Verdana, 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Arial, Helvetica, sans-serif;
}

table {
    border-collapse: collapse;
    border: 0;
}

td, th {
    padding: 0 0.5em;
    border: 0;
}

.button{
   border: 1px solid #180707;
   background-color: #774730;
   border-radius: 4px;
   box-shadow: inset 0 1px 3px #fff, inset 0 -15px #774730, 0 0 3px #180707;
   -o-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #774730, 0 0 3px #180707;
   -webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #774730, 0 0 3px #180707;
   -moz-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #774730, 0 0 3px #180707;
   color: #fff;
   text-shadow: 0 1px #000;
   padding: 5px 30px;
}
.button:hover{
   border: 1px solid #774730;
   background-color: #180707;
   border-radius: 4px;
   box-shadow: inset 0 1px 3px #fff, inset 0 -15px #180707, 0 0 3px #774730;
   -o-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #180707, 0 0 3px #774730;
   -webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #180707, 0 0 3px #774730;
   -moz-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #180707, 0 0 3px #774730;
   color: #fff;
   text-shadow: 0 1px #000;
   padding: 5px 30px;
}

/* FRONT PAGE SUB BOX EXPERIMENT
=========================================================== */
.front_sublist ol {
    padding:0;
    color:#000;
    list-style-type:none;
}

.front_sublist ol li {
    width:85%;
    padding:10px 10px 10px 10px;
    line-height:1.8em;
    border:1px solid #000;
    background: #f8f2e6 url(graphics/quest_back.jpg);
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius: 10px;
    margin-bottom: 20px;
    position:relative;
}
#quest_display {

    padding: 10px 5px;
    margin-bottom: 20px;
    background: #cc9966 url(graphics/quest_back.jpg);
    background-size: 100%;
    border: 2px solid #3C3024;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 150%;
    margin-left: 20px;
    width: 85%;
    float: left;

}

.bottom_line{
    border-bottom: #754721 solid 1px;
    padding-bottom: 20px;
    width: 95%;
}

.view_hoh{
    padding: 20px;
    margin-bottom: 20px; 
    background: #c4c3c8 url(graphics/hoh.jpg);
    border: 1px solid #27425c;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px; 
    border-radius: 15px;
    line-height: 150%;
}
.view_hoh .small_info{
    color: #5d636a;
}

.browse_box1{
    float: right;
}

.browse_box{
    padding: 5px 10px 5px 10px;
    margin: 5px 10px 3px 0;
    /* background: #c4c3c8;
    border: 1px solid #27425c; */
    width: auto;
    line-height: 150%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
    border-radius: 5px;
}

.questcon {
    border: 2px solid #E8CF6D;
}

.advice {
    border: 2px solid #6D7FE8;
}

.codex{
    border: 2px solid #B28071;
}

.view_highlight{
    padding: 20px;
    margin-bottom: 20px;
    background: #cc9966 url(graphics/main_bg.jpg);
    background-size: 100%; 
    border: 2px solid #3C3024;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    line-height: 150%;
    margin-left: 20px;
    width: 40%;
    float: left;
}
.view_highlight .small_info{
    color: #5d636a;
}

/*fix the overflow in the tabs */
.tabers{
    min-width: inherit;
    width: auto;
    background-color: #FEFEFE;
}

.tablers #yui-main p {
    padding: 5px 0;
}
#splice {
   background: url(graphics/csg-4dd128b72f10e.png) no-repeat top left;
   margin:0 auto;
}
#splice.sprite-articles{ background-position: 0 0; width: 65px; height: 100px; } 
#splice.sprite-dungeon{ background-position: 0 -150px; width: 100px; height: 89px; } 
#splice.sprite-items{ background-position: 0 -289px; width: 100px; height: 76px; } 
#splice.sprite-lifeforms{ background-position: 0 -415px; width: 100px; height: 79px; } 
#splice.sprite-locations{ background-position: 0 -544px; width: 99px; height: 100px; } 
#splice.sprite-npcs{ background-position: 0 -694px; width: 50px; height: 100px; } 
#splice.sprite-plots{ background-position: 0 -844px; width: 93px; height: 100px; } 
#splice.sprite-societies{ background-position: 0 -994px; width: 100px; height: 86px; } 
#splice.sprite-systems{ background-position: 0 -1130px; width: 97px; height: 100px; } 


/* NORMAL LINKS
=========================================================== */
a:link
{
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
a:visited
{
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}

/* HEADER
=========================================================== */
.login{
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    height: auto;
    color: #fff;
    float: right;
    margin: -15px 15px 0 0;
    padding: 15px 10px 2px 10px;
    font-size: 90%;
    text-align: left;
    border: solid #000;
    white-space: nowrap;
    background-color: #5e3425;
    z-index: 5;
    /* background: url(graphics/header_login.jpg);   */
}
.login a{
    color: #fff;
}

.red{
    color: red;
}

.alert{
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    height: auto;
    color: #000;
    float: right;
    margin: -15px 0 0 0;
    padding: 15px 10px 2px 10px;
    font-size: 90%;
    text-align: left;
    border: solid red;
    white-space: nowrap;
    background: url(graphics/bg.jpg);
    z-index: 5;
    /* background: url(graphics/header_login.jpg);   */
}

/*.header_title{
background:  url(graphics/header_title.jpg) 0px 0px no-repeat;
height: 105px;
z-index: 1;
}      */
.header_title{
    background:  url(graphics/stheader1.jpg) 0px 0px no-repeat;
    height: 167px;
    z-index: 1;
}
.header_quest{
    background:transparent url(graphics/empire.jpg) no-repeat scroll 0% 0%;
    height:109px;
    left:550px;
    position:absolute;
    top:23px;
    width:300px;
}
.header_search{
    right: 0;
    height:auto;
    top: 100px;
    position: absolute;
    text-align: right;
    z-index: 5;
}

.header_background{
    background: url(graphics/stheader_back.jpg);
    background-repeat: repeat-x;
    height: 167px;
    margin-bottom: 13px; /*so if menu wraps*/
}

/* AUTHOR PAGE
=========================================================== */
table.author_page{
    border-spacing: 5px;
    border-collapse: separate;

}

table.permissions td {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 2px;
    border: black;
}

.author_list{
    border:1px solid #000;
    background-color:#f8f2e6;
}

/* RECENT PAGE
=========================================================== */
.recent_time{
    color: #816254;
    font-style: italic;
}

.taskpage h3 a {
    color: maroon;
}

#list1 .title { font-weight:bold; }
#list1, #list2 { width:20em; }

ul#hoverthing li a:hover{
    color: #800000;
}

/* VIEWING SUBMISSIONS PAGE
=========================================================== */

.content h2 {
    line-height: 160%;
    font-size: 150%;
}
.content h3 {
    line-height: 160%;
    font-size: 130%;
}
.content h4 {
    line-height: 140%;
    font-size: 110%;
}
.content h5 {
    font-size: 90%;
}
.content h6 {
    font-size: 70%;
}
.content h1 {
    padding: 10px;
    margin: 10px -20px 10px -20px;
    border-top: 2px solid #774730;
    border-bottom: 2px solid #774730;
    background-color: #fff;
    font-size: 175%;
    width: inherit;
}
.content dl{ border-bottom: 1px solid #999; border-top: 1px solid #999; }

.content dt
{
    clear: left;
    float: left;
    width: 220px;
    margin: 0;
    padding: 10px;
    font-weight: bold;
}

.content dd
{
    margin-left: 230px;
    padding: 10px;
}

.content table {
  width: 100%;
  border: 1px solid #754721;
}

.content th, td {
  width: 25%;
  text-align: left; 
  vertical-align: top; 
  border: 1px solid #754721;
  border-collapse: collapse;
  padding: 0.3em;
  caption-side: bottom; 
}

.content caption {
  padding: 0.3em;
  color: #fff;
  background: #000;
}

.content th {
  background: #D9CAB4;
  font-weight: bold;
}

.content tr:nth-child(2n+1) {
  background: #fff; 
}

.content {
    font-family: Verdana, 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Arial, Helvetica, sans-serif;
    padding: 20px;
    margin-bottom: 20px;
    background-image: url('graphics/contentbg.jpg');
    background-repeat: repeat-x;
    background-color: #f3eadb;
    border: 1px solid #754721;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    line-height: 150%;
}
.content img{
    padding: 20px;
}

.content ol li{
    list-style-type:decimal;
    margin-left: 40px;
}

.content ul li{
    list-style-type: disc;
    margin-left: 40px;
}

blockquote
{
 /*   margin-left: 50px;
    margin-right: 50px;
    font-family: Verdana, Georgia, Arial, Serif;
    background:none;
    border-top:#754721 3px solid;
    border-bottom:#754721 3px solid;
    padding:1em;
    color:#754721;
    */
    padding: 20px;
    margin: 10px;
    border: 3px solid #754721;
    background-color: #D9CAB4;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    line-height: 150%;
    width: 90%;
    
}
.notice {
    padding: 10px 0;
    margin-bottom: 10px;
    margin-top: 10px;
    border:2px solid #774730;
    background-color: #180707;
    color: #fff;
    text-align: center;
}

.golden{
    background: url(graphics/golden.gif) no-repeat;
    margin-left: auto;
    margin-right: auto;
    height: 68px;
    width: 160px;
    z-index: 3;
}
.rating{
    background: url(graphics/shield.gif) no-repeat;
    margin-left: auto;
    margin-right: auto;
    height: 128px;
    width: 128px;
}
.rating h2{
    color: #f7f2ea;
    padding-top: 35px;
    font-weight: 200;
}

.stats {
    padding-top: 10px;
    width:90%;
    padding:10px 5px 12px 5px;
    line-height:1.4em;
    border:2px solid #774730;
    background-color: #180707;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius: 15px;
    margin:9px 0 20px 2px;
    color: #fff;
}
.stats table, th, td, tr {
    border: 0;
}
.stats a{color: #fff;}

@font-face {
    font-family: "Fontin";
    src: url(fonts/FONTIN0.eot); /* IE */
    src: local("Fontin-Regular.ttf"), url(fonts/Fontin-Regular.ttf) format("truetype");
}


.title {
    font-size: 300%;
    font-weight: 200;
    font-family: 'Fontin', Garamond, 'Hoefler Text', Palatino, 'Palatino Linotype', serif;
    text-shadow: #f8f1e7 2px 2px 0px;
    padding:5px 0;
    -webkit-transition-property: opacity, text-shadow, color;
    -webkit-transition-duration: 2s, 2s, 2s;
}

.author {
    font-size: 200%;
    font-family: Fontin, Garamond, 'Hoefler Text', Palatino, 'Palatino Linotype', serif;
    border-top-width: 4px;
    border-bottom-width: 4px;
    border-top-style: double;
    border-bottom-style: double;
    border-top-color: #754721;
    border-bottom-color: #754721;
    padding: 4px 0px;
    width: 100%;
}
.summary {
    font-family: Georgia, Verdana,Arial, Serif;
    line-height: 130%;
    background:none;
    width: 90%;
    padding: 20px;
    margin: 2px;
    /*color: #754721;*/
}

.comments {
    padding: 10px;
}

.boxdark .comments{
    background-color: #f8f2e6;
}
.comment_data, .comment_data a{
    color: gray;
    font-size: smaller;
}

.reply {
    padding: 20px;
}

/*chat css */
#wrapper { 
    position: absolute;
    margin-left: 15px;
    width: 220px;
}

#cboxdiv2 {
    position: absolute;
    top: 0;
    padding-top: 19px;
    text-align: center;  
    right: 0; 
}

#cboxdiv2.fixed {
    position: fixed;
    top: 0;
}

#cboxdiv2.fiksed{position:fixed; top:0;}

/* IDEAS and FRONT PAGE BOTTOM
=========================================================== */
.task_footer{margin-bottom:20px;background-image:url(graphics/stheader_bot.jpg);background-repeat:repeat-x;background-color:#f3eadb;border:2px solid #754721;margin-top:30px;padding:20px 0 10px 20px;}

.ssi_table img{
    padding: 0px;
}
/* VIEWING PAGE ACTION MENU
=========================================================== */

ul#navlist
{
    text-align: center;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

ul#navlist li
{
    display: block;
    margin: 0;
    padding: 0;
}

ul#navlist li a
{
    display: block;
    width: auto;
    padding: 0.5em 0.5em 0.5em 0.5em;
    border-width: 1px;
    border-color: #886A5F;
    border-style: solid;
    font-size: smaller;
    text-decoration: none;
    background: #fbefdf;
    background: url(graphics/strepeatable.jpg);
}
/* #f7f2ea */
#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
    background: #f0e7d7;
    background: url(graphics/strepeatable.jpg);
    color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
    color: #800000;
    background: #d9cab4;
    border-color: #aaab9c;
    font-size: smaller;
}

ul#navlist .challenge a {
    background: #dfc1b4;
    color: #000;
}

ul#navlist .hoh a {
    background: #f3eadb;
    color: #000;
}

ul#navlist .favorite a {
    background: #f3eadb;
    color: #000;
}

ul#navlist .goldv a {
    background: #f3eadb;
    color: #000;
}

/* INDEX PAGE
=========================================================== */
.box {
    padding: 10px 0;
    margin-bottom: 10px;
    margin-top: 10px;
    border:2px solid #774730;
    background-color: #e7d6bc;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius: 15px;
}
.box .center{
    padding-left: 200px;
}
.boxdark {
    padding: 10px 0;
    margin-bottom: 10px;
    margin-top: 10px;
    border:2px solid #774730;
    background-color: #180707;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius: 15px;
}
.boxdark .center{
    padding-left: 200px;
}
.boxdark .link{color: #fff;}

.quest{
    padding: 10px;
    margin: 0 0 75px 10px;
    border: solid #754721;
    background: url(graphics/misc_back.jpg);
    color: #000;
    text-align: center;
}
.small_info{
    color: #754721;
}
.quest h2 a{
    color: maroon;
}


/* FOOTER
=========================================================== */
.footer{
    padding: 10px 0;
    font-size: 80%;
}
#ft{
    background-color: #d9cab4;
}

.stfooter_back{
    background: url(graphics/stfooter_back.jpg);
    background-repeat: repeat-x;
    margin-top: 10px;
    padding-top: 60px;
    /*margin-bottom: 13px; so if menu wraps*/
}

.stchat_back{
    background: url(graphics/stchat_back.jpg);
    background-repeat: repeat-x;
    margin-top: 10px;
    padding-top: 20px;
    /*margin-bottom: 13px; so if menu wraps*/
}
/* BUTTONS
=========================================================== */

.writeSub {
    display:block;
    width:220px;
    height:30px;
    text-indent:-9999px;
}
.writeSub a {
    display:block;
    width:100%;
    height:100%;
    background:transparent url(graphics/writeSub.jpg) no-repeat top left;
    outline:none;
}
.writeSub a:hover {
    background-position:0 -30px;
}


.writeIdea {
    display:block;
    width:220px;
    height:30px;
    text-indent:-9999px;
}
.writeIdea a {
    display:block;
    width:100%;
    height:100%;
    background:transparent url(graphics/writeIdea.jpg) no-repeat top left;
    outline:none;
}
.writeIdea a:hover {
    background-position:0 -30px;
}

.joinNow {
    display:block;
    width:220px;
    height:30px;
    text-indent:-9999px;
}
.joinNow a {
    display:block;
    width:100%;
    height:100%;
    background:transparent url(graphics/joinNow.jpg) no-repeat top left;
    outline:none;
}
.joinNow a:hover {
    background-position:0 -30px;
}

.joinDragon {
    display:block;
    width:300px;
    height:423px;
}
.joinDragon a {
    display:block;
    width:100%;
    height:100%;
    background:transparent url(graphics/join.jpg) no-repeat top;
    outline:none;
}

.viewRecent {
    display:block;
    width:125px;
    height:100px;
    text-indent:-9999px;
}
.viewRecent a {
    display:block;
    width:100%;
    height:100%;
    background:transparent url(graphics/sqrecent.jpg) no-repeat top;
    outline:none;
}

.viewRegions {
    display:block;
    width:125px;
    height:100px;
    text-indent:-9999px;
}
.viewRegions a {
    display:block;
    width:100%;
    height:100%;
    background:transparent url(graphics/regions.jpg) no-repeat top;
    outline:none;
}

.viewQuests {
    display:block;
    width:125px;
    height:100px;
    text-indent:-9999px;
}
.viewQuests a {
    display:block;
    width:100%;
    height:100%;
    background:transparent url(graphics/quests.jpg) no-repeat top;
    outline:none;
}

.visitForum {
    display:block;
    width:125px;
    height:100px;
    text-indent:-9999px;
}
.visitForum a {
    display:block;
    width:100%;
    height:100%;
    background:transparent url(graphics/visitForum.gif) no-repeat top;
    outline:none;
}

.joinDragonsmall {
    display:block;
    width:150px;
    height:72px;
    text-indent:-9999px;
}
.joinDragonsmall a {
    display:block;
    width:100%;
    height:100%;
    background:transparent url(graphics/joinDragonsmall.png) no-repeat top;
    outline:none;
}

/* BUTTON SQUARE ON FRONTPAGE
==========================================================*/
.buttonList{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;

}
.buttonList li{
    display: inline;
    float: left;
    margin: 0 0 20px 20px;
}


/* EVEN/ODD FORMATTING
=========================================================== */
.odd {
    background-color: #f8f2e6;
    border-bottom: 1px solid #996633;
    border-top: 1px solid #996633;
    margin-top: 5px;
}
.even {
    background-color: #f3eadb;
    border-bottom: 1px solid #996633;
    border-top: 1px solid #996633;
    margin-top: 5px;
}
/* BROWSING
=========================================================== */


/* BROWSING RIGHT LINK MENU
=========================================================== */
.selected, .selected a{
    background-color: #774730;
    /*border-bottom: 1px dotted #000;
    border-top: 1px dotted #000;*/
    color: white;
    font-size: 105%;
}
.active{
    border-bottom: 1px dotted #774730;
    border-top: 1px dotted #774730;
}
.menu {
    margin-bottom: 2px;
    margin-top: 2px;
}
.rtmenu {
    margin-left: 10px;
    margin-top: 0px;
    width: auto;
}
.com{
    border-top: 1px solid #774730;
    padding-top: 10px;
    padding-bottom: 20px;
}
.com1 {
    border-top: 1px dotted #774730;
    padding-top: 10px;
    width: 200px;
    float: right;

}

.browse_post {
    background: url(graphics/plume.gif) no-repeat;
    display: inline;
}
.author_post {
    background: url(graphics/32.png) no-repeat;
    height: 32px;
    width: 32px;
    float: right;
    display: inline;
}
.scroll_com
{
    padding: 10px ;
    border-top: 1px dotted #996633;
}

.comment_xp, comment_xp a{
    float: right;
    font-weight: bold;
    padding-left: 15px;
    padding-bottom: 5px;
    vertical-align: bottom;
    color: #996633;
}
.comment_xp a{
    color: #996633;
    font-size: smaller;
}

a:hover .vote_hover{
    background-color: #996633;
    color: #fff;
    border: 1px solid #000;
}
.sub_xp{
    font-size: 175%;
    font-weight: bold;
    text-align: center;
    padding-left: 15px;
    padding-bottom: 5px;
    vertical-align: bottom;
}
.idea_textarea{
    width: 80%;
}

.sub_tips{
    background: url(graphics/strepeatable.jpg);
    width: 200px;
    height: auto;
    top: 250px;
    float: right;
    position:absolute;
    right: 0;
    z-index: 5;
    border: 1px solid black;
    padding: 5px;
    margin-right: 10px;
}

.sublist{
    padding: 10px;
}
.list_title{
    font-size: 130%;
}
.list_cat{
    font-style: italic;
    font-size: 8pt;
}
.list_summary{
    padding: 10px;
}

div.pagination
{
    padding: 3px;
    margin: 3px;
}
.no_sub{
    padding: 40px;
    margin: 20px;
    text-align: center;
    border: 3px solid maroon;
    font-size: 120%;
    background-color: #fce9c9;
}

.browse_graphic {
    height: 32px;
    width: 32px;
    float: right;
}
.browse_golden{
    height: 34px;
    width: 80px;
    float: right;
}
.codex_sub {
    background: url(graphics/codex.gif) no-repeat;
    height: 32px;
    width: 32px;
    float: right;
}
.help_sub {
    background: url(graphics/help.gif) no-repeat;
    height: 32px;
    width: 32px;
    float: right;
}
.help_sub_left {
    background: url(graphics/help.gif) no-repeat;
    height: 32px;
    width: 32px;

    float: left;
}
.inwork_sub {
    background: url(graphics/inwork.gif) no-repeat;
    height: 32px;
    width: 32px;
    float: right;
}
.golden_small{
    background: url(graphics/golden_small.gif) no-repeat;
    height: 34px;
    width: 80px;
    float: right;
}
.inwork_sub_left {
    background: url(graphics/inwork.gif) no-repeat;
    height: 32px;
    width: 32px;
    float: left;
}
.quest_sub {
    background: url(graphics/quest.gif) no-repeat;
    height: 32px;
    width: 32px;
    float: right;
}
.quest_sub_left {
    background: url(graphics/quest.gif) no-repeat;
    height: 32px;
    width: 32px;
    float: left;
}


/* PAGINATION
=========================================================== */
div.pagination{
    padding: 10px 0px;
}

div.pagination a
{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #fce9c9;
    background-color: #f3eadb;
    text-decoration: none; /* no underline */
    color: #000;
}

div.pagination a:hover, div.pagination a:active
{
    border: 1px solid #000;
    background-color: #f8f2e6;
    color: #000;
}

div.pagination span.current
{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #fff;
    font-weight: bold;
    background-color: #180707;
    color: #FFF;
}
div.pagination span.disabled
{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #f3eadb;
    color: #DDD;
}

/* SUBMITTING PAGE
=========================================================== */

.sub_cat {
    background-color: #180707;
    padding: 5px;
    border: solid 1pt silver;
    color: white;

}
.sub_cat a{
    color: white;
}

.sub_cat_title{
    font-size: 125%;
}

.cat {
    font-size: 120%;
    margin: 20px;
}

.error{
    background-color: #ffddbb;
    border:dashed 1px red;
    margin: 10px;
    padding: 10px;
}


/* FORMS
=========================================================== */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:500px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}

.form_input{
    margin: 10px;
}

input, textarea{
    background-color: #f8f2e6;
    padding: 3px;
    text-decoration: none;

}

/* FREETEXT CLOUD
=========================================================== */
.cloud{
    text-align: center;
    margin: 10px;
    font-weight: normal;
}
.cloud a{
    text-decoration: none;
    font-weight: normal;
}
.cloud a:hover{
    text-decoration: underline;
}

/* TASK PAGES
=========================================================== */

div.taskpage{
    border-left: 1px dotted;
    padding-left: 20px;
}

ul.taskpage{
    padding: 10px;
}
li.taskpage{
    padding: 5px;
}

/* TOP CSS SUCKERFISH MENU
=========================================================== */

#outside{
    position: absolute;
    left: 10px;
    top: 140px;
    color: #fff;
}
#nav a.topmenu{
    width: auto;
    font-weight: normal;
}
#nav, #nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    /*    border: solid #eda;
    border-width: 1px 0;        */
}

#nav a {
    display: block;
    width: 13.4em;
    text-decoration:none;
    color:#fff;
    padding: 1px 5px 1px 5px;
    font-weight: normal;
    text-decoration: none;
}
#nav a:hover, #nav li:hover {
    background: #774730;
}

#nav li {
    float: left;
    width: auto;
    text-align:left;
}
#nav li ul {
    position: absolute;
    width: 14em;
    left: -999em;
    border:3px solid #774730;
    background: #180707;
}
#nav li:hover ul, #nav li.sfhover ul {
    left: auto;

}

hr.sep{
    border: none 0;
    border-top: 3px double #754721;
    width: 90%;
    height: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* RIGHT MENU BOXES
=========================================================== */
.rightnav{
    -moz-border-radius:4px;
    border-radius: 4px;
    background-color:#EDD5AF;
    /*background: url(graphics/i_am.jpg);#E8D5AD*/
    background: url(graphics/strepeatable.jpg);
    border-color:#886A5F;
    border-style:solid;
    border-width:4px 1px;
    margin:0 0 12px;
    padding:4px 0;
    width:90%;
}

.rightnav h3 {
    color: #886A5F;
    font-size:1.3em;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    line-height:normal;
    margin:0.3em 0 0.4em 1px;
}

.rightnav ul {
    font-size:0.92em;
    line-height:1.8;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    overflow:hidden;
    padding:0;
    width:100%;
}

.rightnav ul li {
    border-top:1px solid #886A5F;
    float:left;
    margin:0;
    padding-left:1px;
    width:100%;
}

/* Tag cloud */

#tags ul{
    margin:1em 0;
    padding:.5em 10px;
    text-align:center;
}
#tags li{
    margin:0;
    padding:0;
    list-style:none;
    display:inline;
}
#tags li a{
    text-decoration:none;
    color:#000;
    padding:0 2px;    
}
#tags li a:hover{    
    color:#fff;
}        

.tag01{font-size:80%;}
.tag02{font-size:100%;}
.tag03{font-size:120%;}
.tag04{font-size:140%;}
.tag05{font-size:160%;}
.tag06{font-size:180%;}
.tag07{font-size:190%;}
.tag08{font-size:200%;}
.tag09{font-size:210%;}
.tag10{font-size:220%;}

/* alternative layout */

#tags .alt{
    text-align:left;
    padding:0;
    background:none;
}
#tags .alt li{
    padding:2px 10px;
    background:#efefef;
    display:block;
}
#tags .alt .tag01, 
#tags .alt .tag02, 
#tags .alt .tag03, 
#tags .alt .tag04, 
#tags .alt .tag05, 
#tags .alt .tag06, 
#tags .alt .tag07, 
#tags .alt .tag08, 
#tags .alt .tag09, 
#tags .alt .tag10{font-size:100%;}
#tags .alt .tag01{background:#33241B;}
#tags .alt .tag02{background:#33241B;}
#tags .alt .tag03{background:#524536;}
#tags .alt .tag04{background:#524536;}
#tags .alt .tag05{background:#8C7B67;}
#tags .alt .tag06{background:#8C7B67;}
#tags .alt .tag07{background:#A69D93;}
#tags .alt .tag08{background:#A69D93;}
#tags .alt .tag09{background:#C2BEBA;}
#tags .alt .tag10{background:#C2BEBA;}

/*tipsy is the floating tip box */
.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
.tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

/* Rounded corners */
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

.tipsy-arrow { position: absolute; width: 0; height: 0; border: 5px solid transparent; }

/* Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }

.tipsy-n .tipsy-arrow, .tipsy-nw .tipsy-arrow, .tipsy-ne .tipsy-arrow { top: 0; border-top: none; }
.tipsy-s .tipsy-arrow, .tipsy-sw .tipsy-arrow, .tipsy-se .tipsy-arrow { bottom: 0; border-bottom: none; }
.tipsy-n .tipsy-arrow, .tipsy-s .tipsy-arrow { left: 50%; margin-left: -5px; }
.tipsy-nw .tipsy-arrow, .tipsy-sw .tipsy-arrow { left: 10px; }
.tipsy-ne .tipsy-arrow, .tipsy-se .tipsy-arrow { right: 10px; }
.tipsy-e .tipsy-arrow, .tipsy-w .tipsy-arrow { top: 50%; margin-top: -5px; }
.tipsy-e .tipsy-arrow { right: 0; border-right: none; }
.tipsy-w .tipsy-arrow { left: 0; border-left: none; }

/*hoh border on top of browsing pages*/
/* the overlayed element */
.simple_overlay {

    /* must be initially hidden */
    display:none;

    /* place overlay on top of other elements */
    z-index:10000;

    /* styling */
    background-color:#333;

    width:675px;    
    min-height:200px;
    border:1px solid #666;

    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;    
}

/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(../img/overlay/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

/*
* jQuery UI CSS Framework 1.8.9
*
* Copyright 2011, 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-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%; }


/*
* jQuery UI CSS Framework 1.8.9
*
* Copyright 2011, 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/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=2E1516&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=444141&fcHeader=6b6666&iconColorHeader=6b6666&bgColorContent=f3eadb&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=44414a&fcContent=000&iconColorContent=222222&bgColorDefault=3e2828&bgTextureDefault=04_highlight_hard.png&bgImgOpacityDefault=40&borderColorDefault=000&fcDefault=fff&iconColorDefault=888888&bgColorHover=774730&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=000&fcHover=fff&iconColorHover=454545&bgColorActive=f3eadb&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=000&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif;  }
.ui-widget .ui-widget {  }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif;  }
.ui-widget-content { border: 1px solid #44414a; background: #f3eadb url(images/ui-bg_flat_75_f3eadb_40x100.png) 50% 50% repeat-x; color: #000; }
.ui-widget-content a { color: #000; }
.ui-widget-header { border: 1px solid #444141; background: #2e1516 url(images/ui-bg_highlight-soft_75_2e1516_1x100.png) 50% 50% repeat-x; color: #6b6666; font-weight: bold; }
.ui-widget-header a { color: #6b6666; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #000; background: #3e2828 url(images/ui-bg_highlight-hard_40_3e2828_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #fff; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #fff; 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 { border: 1px solid #000; background: #774730 url(images/ui-bg_glass_75_774730_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #fff; }
.ui-state-hover a, .ui-state-hover a:hover { color: #fff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #f3eadb url(images/ui-bg_glass_65_f3eadb_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #000; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000; text-decoration: none; }
.ui-widget :active { outline: none; }

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

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

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

/* 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-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.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; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
* jQuery UI Resizable 1.8.9
*
* Copyright 2011, 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/Resizable#theming
*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
* jQuery UI Selectable 1.8.9
*
* Copyright 2011, 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/Selectable#theming
*/
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
* jQuery UI Accordion 1.8.9
*
* Copyright 2011, 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/Accordion#theming
*/
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.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; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { height: 300px; padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { height: 300px; display: block; }
/*
* jQuery UI Autocomplete 1.8.9
*
* Copyright 2011, 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/Autocomplete#theming
*/
.ui-autocomplete { position: absolute; cursor: default; }    

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
* jQuery UI Menu 1.8.9
*
* 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/Menu#theming
*/
.ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
    float: left;
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}
.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}
/*
* jQuery UI Button 1.8.9
*
* Copyright 2011, 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/Button#theming
*/
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
* jQuery UI Dialog 1.8.9
*
* Copyright 2011, 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/Dialog#theming
*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
* jQuery UI Slider 1.8.9
*
* Copyright 2011, 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/Slider#theming
*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
* jQuery UI Tabs 1.8.9
*
* Copyright 2011, 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 { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }