.cake-sql-log { display: none; }

body {
    font-size: 14px;
    line-height: 1.357em; /* 19px */
    font-family: Verdana,Arial,Helvetica;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 14px;
    background: #FFFFFF;
}

a:link { 
    color: #000000;
    }
a:visited {
    color: #000000;
    }
a:hover {
    color: #254117;
    text-decoration: none;
    }
a:active {
    color: #000000;
    }

ol, ul {
   
    margin-left: 0px;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

hr {
   height: 1px;
   color: #4fa4c3;
   background-color: #4fa4c3;
   height: 1px;
}     

h2 {
    font-family: Verdana, Arial, Helvetica;
    font-size: 14px;
    margin-top: 0px;

}

h3 {
    margin-top: 5px;
    margin-bottom:7px;
}

div#outer {
    width: 80%;
    background-color:#FFFFFF;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    border: thin solid #000000;

}

div#header {

    margin-top: 10px;
    margin-bottom: 10px;

}

div#toolbar {
    float: right;
    margin-right: 5%;
    margin-top: 1px;
    
}

div#separator {
    width: 100%;
}




div#main {

    margin-top: 1px;
    padding: 10px;

}

div#submain {

    margin-top: 1px;
    padding: 10px;
    
}

div#footer {
  margin-top: 10px;
  background: #FFFFFF;
  border-top: 1px solid #4fa4c3;
  clear: both;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  text-align: right;

}

/* Raid block */
div.raidblock {
 background-color: white;
 border-bottom: 1px solid #4fa4c3;
 border-top: 1px solid #4fa4c3;
 font-size: 16px;
 margin-top: 5px;
}

div.firstraidblock {
 background-color: white;
 border-bottom: 1px solid #4fa4c3;
 border-top: 1px solid #4fa4c3;
 font-size: 16px;
}

/* Characters */

table.membertable {
    border-width: thin thin thin thin;
    border-spacing: 2px;
    border-style: ridge ridge ridge ridge;
    border-color: green green green green;
    border-collapse: collapse;
}
table.membertable th {
    border-width: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
    border-style: inset inset inset inset;
    border-color: gray gray gray gray;
    -moz-border-radius: 0px 0px 0px 0px;
}
table.membertable td {
    border-width: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
    border-style: inset inset inset inset;
    border-color: gray gray gray gray;
    -moz-border-radius: 0px 0px 0px 0px;
}


/* Characters */

table.chartable {
    border-width: thin thin thin thin;
    border-spacing: 2px;
    border-style: ridge ridge ridge ridge;
    border-color: green green green green;
    border-collapse: collapse;
    background-color: white;
}
table.chartable th {
    border-width: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
    border-style: inset inset inset inset;
    border-color: gray gray gray gray;
    background-color: white;
    -moz-border-radius: 0px 0px 0px 0px;
}
table.chartable td {
    border-width: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
    border-style: inset inset inset inset;
    border-color: gray gray gray gray;
    background-color: white;
    -moz-border-radius: 0px 0px 0px 0px;
}

.chars-title {
    background-image: url(/img/titlebkg2.gif);
    height: 28px;
    width: 326px;
    text-indent: 8px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}

.sub-title {
    background-image: url(/img/titlebkg2.gif); 
    
}

TD.sidenav { 
  font-family: Verdana,Arial,Helvetica; 
  font-size: 11px; 
  color: #000000; 
  text-decoration: none;
}

h3 {
  font-family: Verdana,Arial,Helvetica; 
  font-size: 11px; 
  color: #000000; 
  text-decoration: none;
  vertical-align: top;
}  

  A.sidenav:link, A.sidenav:visited, A.sidenav:active{ 
  font-family: Verdana,Arial,Helvetica; 
  font-size: 11px; 
  color: #000000; 
  text-decoration: none;
}

A.sidenav:hover { 
  color:#000000; 
  text-decoration: underline;
}

/* Container for all boxes */
#container {
    margin: 2px auto;
    text-align: left;
    width: 940px;
    height: 650px; 
}

#containerl {
   margin: 2px auto;
    text-align: left;
    width: 830px;
    height: 340px; 

}


#postcontainer {
    text-align: left;
    width: 500px;
    border: 1px solid #C0C0C0; 
}

#posttext {
    margin-left: 27px;
    margin-right: 27px;
}

#posttitle {
    background: #F0F0F0;
    border: 1px solid #C0C0C0;
    width: 500px;
    
}

td.right {
    text-align: right;
}


#logincontainer {
    margin: 2px auto;
    padding: 0px;
    padding-left: 0px;
    text-align: left;
    width: 390px;
    height: 240px;
}

#logininfocontainer {
    margin: 2px auto;
    float: left;
    padding: 0px;
    padding-left: 0px;
    
    width: 390px;
    height: 259px;
    margin-right: 0px;
    margin-left: 10px;
    
}

/* set millions of background images */
.rbroundbox { background: url(/img/nt.gif) repeat; }
.rbtop div { background: url(/img/tl.gif) no-repeat top left; }
.rbtop { background: url(/img/tr.gif) no-repeat top right; }
.rbbot div { background: url(/img/bl.gif) no-repeat bottom left; }
.rbbot { background: url(/img/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 5 0px; font-size: 10px; margin-left: 7px; }
.rbroundbox { width: 90%; margin: 1em auto; }


#loginintro {

    margin-right: 20px;
    margin-top: 0px;
    

}

#featurelist {
   list-style-type: square;
   margin-left: 15px;
}

#loginoptions {
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-align: center;

}

#iguildcontainer {
    margin: 2px auto;
    padding: 0px;
    padding-left: 0px;
    text-align: left;
    width: 390px;
    height: 100%;
}

#calendar {
    padding-bottom: 5px;
    background: #FFFFFF;
    margin-bottom: 5px;
}


/* Raids box display */     
#raids {
    background: #F8f8f8;
    border: 1px solid #4fa4c3;   
    margin-left: 14px; 
    float: left;
    width: 32%;
    height: 650px;
    
}

#raidscon {
  overflow: auto;
  overflow-x: hidden; 
  height: 95%;
}

#rplist {
    background: url("/img/comment.png") no-repeat 0 0;
    padding-left: 1.2em;
}

.chat {
    margin-top: 20px;
    border: 1px solid #4fa4c3;
}

#characterinfo, #guildinfobox, #ventinfo {
    border: 1px solid #4fa4c3;
    background: #FFFFFF;
}


#allyinfo {
    border: 1px solid #4fa4c3;
    background: #C0C0C0;
}

#ventinfo {
    height: 350px;
    
}  

#dynamic1 {
    
    height: 325px;
    overflow: auto;
    overflow-x: hidden;
    

}      

#membersonline {
    margin-top: 10px;
    border: 1px solid #4fa4c3;
}

#recentposts {
    margin-top: 10px;
    border: 1px solid #4fa4c3;
    background: #FFFFFF;
    height: 150px;

}

#allianceposts {
    border: 1px solid #4fa4c3;
    background: #FFFFFF;
    height: 99%;
}

#lastallyposts {
    overflow: auto;
    overflow-x: hidden;
    height: 610px;
}

#lastposts {
      overflow: auto;
      overflow-x: hidden;  
      height: 125px;
}

#mychars {
    overflow: auto;
    overflow-x: hidden;
    height: 95px;

}

#whoisonline {
    overflow: auto;
    overflow-x: hidden;
    height: 40px;
    background: #FFFFFF;
}

.chatform {
    display: inline;
}

.chat_window {
    height: 350px;
    background: #FFFFFF;
    overflow: auto;
    overflow-x: hidden;
}

.odd {
  display: inline;
}

.even {
  display: inline;
}

.chatsubmit {
    display: inline;

}

.chatinput {
    padding-top: 0px;
    margin-bottom: 0px;
    display: inline;
}

/* Raids box display */     
#charactercol, #groupcol {
    margin-left: 5px; 
    float: left;
    width: 32%;
    height: 450px;
}

#setupcontainer {
    margin: 2px auto;
    text-align: left;
    width: 880px;
    height: 510px;
    border: 2px dotted #777744;
}

#grouplabels {
    background: #F8f8f8;
    float: left;
    width: 25%; 
}

#grouplabelspace {
     width: 100%;
     height: 170px;
     background: #FFFFFF;
}

#grouplabelspacealt {
     width: 100%;
     height: 150px;
     background: #F8F8F8;
}


#raids ul {
    margin: 0;
    padding: 0;
    float: left;
    overflow: hidden;
    font-family: Helvetica, Arial, sans-serif;
}

#raids li {
    margin: 0;
    padding: 0;
    float: left;
    font-size: 1.1em;
    padding-left: 0px;
    font-weight: bold;
    min-height: 0px;
    width: 100%;
    display: inline;
    
}

#raids li.active, #nav li.active a, #nav li.active strong {
    color: white;
    background: #7FD7F7;
}

#raids ul.raid {
    display: block;
    padding-right: 0px;
    width: 250px;
    background:  #F0F0F0;
}

ul.ventmembers {
    padding-left: 10px;
}

/* People on vent */
li.ventmember {
    display: inline;
     background-image: url(/img/greenled.png);
     background-repeat: no-repeat;
     padding-left: 20px;    
}

ul.afkventmembers {
    padding-left: 10px;
}

/* People on vent */
li.afkventmember {
    display: inline;
     background-image: url(/img/yellowled.png);
     background-repeat: no-repeat;
     padding-left: 20px;    
}

/* set icons */
a.upgrade {background:url(/img/upgrade.png) no-repeat 0 0;}
a.downgrade {background:url(/img/downgrade.png) no-repeat 0 0;}
a.add {background:url(/img/set_actions.gif) no-repeat 0 0;}
a.delete {background:url(/img/set_actions.gif) no-repeat 0 -128px;}
a.edit, .edit {background:url(/img/set_actions.gif) no-repeat 0 -192px;}
a.invitefriend, .unblock {background:url(/img/set_tools.gif) no-repeat 0 -112px;}
a.share {background:url(/img/set_actions.gif) no-repeat 0 -512px;}
.settings {background:url(/img/set_tools.gif) no-repeat 0 -168px;}
a.view {background:url(/img/set_tools.gif) no-repeat 0 -224px;}
a.comment {background:url(/img/comment.png) no-repeat 0 0;}
.comment {background:url(/img/comment.png) no-repeat 0 0;}
a.reply {background:url(/img/set_tools.gif) no-repeat 0 -84px;}


.desc {
    padding:1px 0 1px 17px;
    font-size:.95em;
}

a.icon, span.icon {
    display:inline;
    height:14px; width:14px;
    margin-right:5px;
    padding-left:0;
    text-indent:-999px;
    line-height:0; font-size:0;
    overflow:hidden;
}


a.ventconnect {
    background:url(/img/ventrilo_icon2.png) no-repeat 0 0;
    float: right;
    margin-right: 5px;
}

a.ventrilo {
    background:url(/img/ventrilo_icon2.png) no-repeat 0 0;
}

a.rotate {
    background:url(/img/set_actions.gif) no-repeat 0 -448px;
    float: right;
    margin-right: 5px;
    margin-top: 0px;
}

#LoadingDiv {
    float: right; 
   
}


  
a.add:link, a.add:visited, a.add:active{ 
  font-family: Verdana,Arial,Helvetica; 
  font-size: 11px; 
  color: #000000; 
  text-decoration: none;
}

a.add:hover { 
  color:#000000; 
  text-decoration: underline;
}

a.desc {
    padding:1px 0 1px 17px;
    font-size:.95em;
}

a.cursor {
    cursor: pointer;
}

/* Character Display */
ul.characters {
    padding-left: 10px;
}

td.ranger {
    cursor: pointer;
    background:  #FFFFFF url(/img/Ranger.png) no-repeat 1px 1px !important;
}

td.desc {
    padding-right: 10px;
}

td.level {
    text-align: center;
}

td.charname {
    cursor: pointer;
    text-align: center;
}

td.charicon {
    width: 20px;
}

#group {
     width: 100%;
     height: 190px;
     background: #FFFFFF;
}

#empty {
    width: 100%;
    font-size: 14px;
    background: #FFFFFF;
    cursor: pointer;
    text-align: center;
}


.raidslot {
 vertical-align: middle;
 padding-top: 1px;
 cursor: pointer;
 text-align: center;
 width: 280px;
 background: #FFFFFF;
 border: 1px dotted #777744;
 font-size: 16px;
 height: 33px;

}

.charslot {
    width: 280px;
    cursor: pointer;
    text-align: center;
    background: #FFFFFF;
    height: 27px;
    display: table-cell;
    font-size: 16px;
    overflow: hidden;
}

    
/* Character box display */   
#chars {
    background: #F8f8f8;
    margin-left: 2px;
    float: left;
    width: 32%;
    height: 650px;
    overflow: hidden;

}

/* Vent Status */     
#guildinfo {
    
    background: #F8F8F8;
    margin-left: 14px;
    float: left;
    width: 32%;
    height: 650px;
    overflow: hidden;
}

ul.hiddenerror {
   padding: 17px 30px 13px 60px;
   font-size: 1em;
   color: #525252;
   font-weight: bold;
   display: none;
}

ul.hiddenerror {
   background: #ffe7e7 url(/img/error_icon.png) no-repeat 10px 5px !important;
   border-top: 1px solid #fe8989;
   border-bottom: 1px solid #fe8989;
   color: #525252;
} 
 
/* Error messages */

ul.message, ul.error, ul.warning {
   padding: 17px 30px 5px 60px;
   font-size: 1em;
   color: #525252;
   font-weight: bold;
}
ul.message li, ul.error li, ul.warning li {
    display: block;
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
}
ul.error {
    background: #ffe7e7 url(/img/error_icon.png) no-repeat 10px 5px !important;
    border-top: 1px solid #fe8989;
    border-bottom: 1px solid #fe8989;
    color: #525252;
}
ul.warning {
    background: #ffe7e7 url(/img/warning_icon.png) no-repeat 10px 5px !important;
    border-top: 1px solid #ffca0b;
    border-bottom: 1px solid #ffca0b;
    color: #525252;
}
ul.message {
    background: #cde9fc url(/img/message_icon.png) no-repeat 10px 5px !important;
    border-top: 1px solid #50baff;
    border-bottom: 1px solid #50baff;
    color: #525252;
}


/* Login Form */   

#login-form {
    width: 350px;
    background: #F0F0F0;
    border-bottom: 1px solid #4fa4c3;
    border-top: 1px solid #4fa4c3;
    padding: 20px 20px 0 20px;
    margin: 0 0 20px 0;
    overflow: hidden;
}
    #login-form div {
       width: 275px;
       float: left;
    }
    #login-form ul {

    }
        #login-form ul li {

        }
    #login-form label, #passwordResetForm label {
        display: block;
    }
    #login-form input {
        width: 250px;
        margin-bottom: 19px;
    }
    #login-form input.checkbox {
        width: auto !important;
        margin: 0 5px 0 0 !important;
    }
    #login-form input.submit {
        width: 130px;
        margin-bottom: 20px;
    }
    #login-form p {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

/* iGuild Form */
    
#iguild-form {
    width: 350px;
    background: #F0F0F0;
    border-bottom: 1px solid #4fa4c3;
    border-top: 1px solid #4fa4c3;
    padding: 20px 20px 0 20px;
    margin: 0 0 20px 0;
    overflow: hidden;
}

.shift-right {
    margin-left: 10px;   
}

.olcontainer {
    width: 600px;
    margin: 0 auto;
}
ol.steps {
    margin: 20px 0;
    background: #333;
    padding: 0 0 0 35px;
    border: 1px solid #111;
    background: url(/img/ul_bg_repeat.gif) repeat-y;
}

ol.steps a {
 color: white;   
}


ol.steps li {
    padding: 15px 15px;
    color: #cbff78;
    font-size: 1.7em;
    font-weight: bold;
       /*--The bevel look is styled with various colors in the border properties below--*/
    border-top: 1px solid #000;
    border-bottom: 1px solid #353535;
    border-right: 1px solid #333;
    border-left: 1px solid #151515;
    background: #222;
}

ol.steps li.first { border-top: 1px solid #353535; }
ol.steps li.last { border-bottom: none; }
ol.steps li p {
    color: #ccc;
    font-size: 0.7em;
    font-weight: normal;
    line-height: 1.6em;
}
ol.steps li h2 {
    font-size: 0.9em;
    padding: 5px 0;
    margin-bottom: 10px;
    border-bottom: 1px dashed #333;
    color: #fff;
}


#rguild-form {
    width: 430px;
    background: #F0F0F0;
    border-bottom: 1px solid #4fa4c3;
    border-top: 1px solid #4fa4c3;
    padding: 20px 20px 0 20px;
    margin: 0 0 20px 0;
}

#large-form {
    width: 545px;
    background: #F0F0F0;
    border-bottom: 1px solid #4fa4c3;
    border-top: 1px solid #4fa4c3;
    padding: 20px 20px 0 20px;
    margin: 0 0 20px 150px;
}

#window-form {
    
}

#showcontainer {
    margin: 2px auto;
    padding: 15px 15px 15px 15px;
    border: 2px solid #4fa4c3;
    background:#F0F0F0;
    text-align: left;
    width: 550px;
    height: 100%;

}

#post-show {
    width: 100%;
    height: 100%;
    background: #FFFFFF;
        overflow: auto;
    overflow-x: hidden;
}

#inner-frame {
    width: 100%;
    height: 100%;
    margin-left: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#error-div {
    width: 500px;
}
    

#form-messages {
    width: 585px;
    margin-left: 150px;
    
}

    #iguild-form input.form-error {
        margin-bottom: 5px;
        
        
    }
    
    .error-message {
        font-size: 11px;
        margin-bottom: 5px;
        margin-top: 0px;
        color: #cc0000;
    }

    #iguild-form div {
       width: 275px;
       float: left;
    }
    #iguild-form ul {

    }
        #iguild-form ul li {

        }
    #iguild-form label, #passwordResetForm label {
        display: block;
    }
    #iguild-form input {
        width: 250px;
        margin-bottom: 19px;
    }
    #iguild-form select {
        width: 250px;
        margin-bottom: 19px;
    }
    #iguild-form input.checkbox {
        width: auto !important;
        margin: 0 5px 0 0 !important;
    }
    #iguild-form input.submit {
        width: 130px;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    
    input.submitdiv {
        margin-top: 20px;
    }
    
    #iguild-form p {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }  
    
    .timezoneoff {
     margin-bottom: 20px;
    }
    
    .submit {
     display: inline;
    }
    
    #searchbox {
        border: 1px solid #4fa4c3;
        margin-top: 40px;
        padding-top: 10px;
        padding-bottom: 5px;
        text-align: center;
    } 
    
    div.auto_complete    {
     position         :absolute;
     width            :250px;
     background-color :white;
     border           :1px solid #888;
     margin           :0px;
     padding          :0px;
     cursor: pointer;
     }
     
     li.selected    { background-color: #ffb; } 
     
     #dynamic5 {
      display: inline;
     }