/******************************************************************************/
/*                         MAIN LAYOUT CSS FILE                               */
/******************************************************************************/
/*
Theme  : Sproutware Theme
Version: 1.0
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
/*ol, ul {
    list-style: none;
}*/
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a img {
    border:0;
    margin:0;
    padding:0;
}


/*
==========================CODE=============================*/


code {
    display:block;
    margin:10px;
    padding:10px;
    background:#2a3335;
    color:#fff;
    border:1px solid #d7d6d6;
    font-family:Courier New;
    font-size:14px;
}

code a {
    color:#4b9ef4;
    text-decoration:underline;   
}

code a:hover {
    color:#6de661;
}


/*
==========================General=============================*/
html, body {
    height: 100%;
    background:#2a3335;
    font-family:arial;
    font-size:14px;
    line-height:16px;
    
}

ol {
    margin-top:25px;
    margin-left:10px; 
}
li {
    margin-left:25px;
    margin-top:6px; 
}

.maxWidth {
     width: 1000px;   
}

.floater {
    float:left;
}

.centered {
    margin: 0 auto 0;
}

.centerText {
    text-align:center;   
}

a {
    color: #1a50c8;
    text-decoration:none;
}

a:hover {
    color: #27a01b;  
    
}

.projectVersion {
    float:right
    width:100px;
}

/*
=========================Banner===============================*/
#banner {
    height:127px;
    background:url('http://www.blerby.com/themes/default/images/nav_bar_bg.gif') repeat-x left 81px #2a3335;
    padding:0;
    margin:0;
}

#banner #logo{
    margin:0;
    margin-top:16px;
    padding:0;
    border:0;
    float:left;
    display:block;
    margin-right:100px;
}


/*
=========================Body===============================*/


#body, .body {
    background: #f0f0f0;
    padding:10px 0px;
    float:left;
    width:100%;
}

p {
    margin-top:10px;
    margin-bottom:10px;
}

h1 {
    font-weight:bold;
    font-size:20px;
    margin-bottom:20px;
}

h2 {
    font-weight:bold;
    font-size:16px;
    margin-bottom:15px;
}

h3 {
    font-weight:bold;
    font-size:16px;
    margin-bottom:15px;
    padding-bottom:3px;
    
    border-bottom:1px solid #ddd;
    width:90%;
}

h4 {
    font-weight:bold;
    font-size:16px;
    margin-bottom:15px;
    padding-bottom:3px;
}

.content {
    border:1px solid #d7d6d6;
    background: #FFF;
    padding:20px 20px 15px 20px;

    margin:10px;
    
}

.content .content {
    border:0px;
    margin:0px;
    padding-top:0px; 
}

.content img {
    border:1px solid #aaa;
}

.adminLinkGroup {
    color:#000;
    border:1px solid #CCC;
    padding:5px 0 5px 5px;
    line-height:16px;
    background:#f0f0f0;
}

.spacer {
    clear:both;
    height:1px;   
}




b, strong {
    font-weight:bold;   
}

.note {
    background:#fff1e8;
    border: 1px solid #ffc7a5; 
    padding:5px;
}

/*
=========================Forms===============================*/

input.slick, button {
    background:url('http://www.blerby.com/themes/default/images/light-right-left.gif') repeat-x left -10px #fff;
    margin-left:10px;
    margin-top:10px;
    border:1px solid #d7d6d6;
    color: #2a3335;
    font-family:arial;

    font-size:16px;
    line-height:22px;
    height:22px;
}

button.slick {
    line-height:30px;
    height:30px; 
    color:#2a3335;
}

div.inputError input.error {
    border:1px solid red;
        
}

/*
=========================Messages===============================*/

.message .errorMessage {
    text-align:center;
    border:2px solid #2a3335;
    background:#fff;
    padding:10px;
    font-size:18px;
    width:600px;
    margin:0 auto;
}

.message .reportBug {
    margin-top:20px;
    
    font-weight:normal;
    font-size:14px;
}

/*
=========================Navigation===============================*/

/*.tabsWrapper div {
    border:1px solid #000;   
}*/

.headerHighlight {
    padding:5px;
    font-size:24px;
    line-height:26px;
}

/*
=========================Footer===============================*/
#footer {
    clear:both;
    color:#f0f0f0;
    padding-top:37px;
    height:120px;
    background:url('http://www.blerby.com/themes/default/images/footer.gif') repeat-x left top;
}


/*------------------------------------------------------------------------------
Site: Hoopitall
Style: jquery Tabs Stylesheet
------------------------------------------------------------------------------*/

@media projection, screen { .ui-tabs-hide { display:none; } }
@media print { .ui-tabs-nav { display: none; } }

#tabsWrapper {
    width:90%;

}
.ui-tabs-nav {
    margin:0;
    padding:0;
    font-size:16px;
    list-style: none;
}
.ui-tabs-nav:after {
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    list-style: none;
    padding:2px 5px 3px 5px;
    margin:0 10px -1px 0px;
    float: left;
    border: 1px solid #dedede;
    border-bottom:0px;
        
}
.ui-tabs-nav li.ui-tabs-selected  {
    text-decoration: none!important;
    /*border-color:#aaa;*/
    
    background:url('http://www.blerby.com/themes/default/images/light-right-left.gif') repeat-x left;
}

.ui-tabs-panel {
    padding:15px;
    border:1px solid #dedede;
}

.ui-tabs-nav .ui-tabs-selected a span {
    margin-top: 10px;
color:#27a01b;
    background: #fff;
    
    cursor: default;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav {
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  {
    display: inline-block;
}

.ui-effects-transfer {
    border: 4px solid #000;   
}
/*
====================Top Navigation Block======================*/
#top-nav {
width:600px;
float:right;
margin-top:35px;
margin-right:20px;
text-align:right;
}

a.navItem {
    margin-right:20px;
    float:right;
}
#nav {
    height: 50px;
    font-size: 0.75em;
}
#nav ul {
    position: absolute;
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: #000;
}
#nav ul li {
    float: left;
    display: inline;
    margin: 0;
}
#nav ul li a {
    display: block;
    position: relative;
    padding: 0.2em 1.5em;
    background-color: #febe08;
    font-size: 1.3em;
    font-weight: bold;
    color: #EEF7D4;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0.05em;
    border-right: 1px solid #000;
}
#nav ul li a:hover {
    color: #2666A3;
    text-decoration: underline;
}
#nav ul li.current a {
    color: #2666A3;
    background-color: #E5F8FF;
}
#nav ul li.current a:visited {
    color: #2666A3;
}
/* hide the sublevels */
#nav ul ul {
    display: none;
}
#nav ul li.current ul {
    position: absolute;
    left: 0;
    display: block;
    /* use max-width emulation hack from
     * http://www.svendtofte.com/code/max_width_in_ie/, using the IE5.0+ dynamic
     * properties syntax, see
     * http://msdn.microsoft.com/workshop/author/dhtml/overview/recalc.asp */
        padding: 0;
    background-color: #E5F8FF;
}
#nav ul li.current li {
    padding: 0.4em 0;
}
#nav ul li.current li a {
    /* hide first pipe */
    left: -1px;
    padding: 0 1em;
    font-weight: normal;
    font-size: 1.1em;
    color: #2666A3;
    border-right: none;
    border-left: 1px solid #2666A3;
}
/* hide 3rd or more levels */
#nav ul ul ul li {
    display: none;
}
/******************************************************************************/
/*                           ENTITY STYLE CSS FILE                            */
/******************************************************************************/

/*
=======================Global Entity Styles=========================*/

.entityadminlinks {
    text-align:left; 
    border:1px solid #CDCDCD;
    padding:5px;
    line-height:12px;
    font-size:12px;
    color:#ADADAD;
    margin: 5px 10px;
}

/*
=================Static Content====================*/
.staticContent {
    
}
.staticContent .header {
    text-align:center;
    font-weight: bold;
    line-height:24px;
    background: url('http://www.blerby.com/themes/default/images/white-top-right-corner.gif') top right no-repeat white;
}
.staticContent .header .leftTopCorner {
    background: url('http://www.blerby.com/themes/default/images/white-top-left-corner.gif') top left no-repeat transparent;
}
.staticContent .footer {
    
    background: url('http://www.blerby.com/themes/default/images/white-bottom-right-corner.gif') bottom right no-repeat white;
}

.staticContent .footer .leftBottomCorner{
    height:30px;
    background: url('http://www.blerby.com/themes/default/images/white-bottom-left-corner.gif') bottom left no-repeat transparent;
}
.staticContent .inner {
    padding: 0 .5em;   
}

/*
======================News=========================*/
.newsPost {
    background:white;
}
.newsPost .header {
    text-align:center;
    font-weight: bold;
    line-height:24px;
    background: url('http://www.blerby.com/themes/default/images/white-top-right-corner.gif') top right no-repeat white;
}
.newsPost .header .leftTopCorner {
    background: url('http://www.blerby.com/themes/default/images/white-top-left-corner.gif') top left no-repeat transparent;
}
.newsPost .footer {
    background: url('http://www.blerby.com/themes/default/images/white-bottom-right-corner.gif') bottom right no-repeat white;
}
.newsPost .footer .leftBottomCorner{
    height:30px;
    background: url('http://www.blerby.com/themes/default/images/white-bottom-left-corner.gif') bottom left no-repeat transparent;
}
.newsPost .inner {
    padding: 0 .5em;   
}