/*****************************************************************************************************************
*
* FILE: /webroot/css/core.css
*
******************************************************************************************************************/
/*********************************************/
/******                                 ******/
/******      Site-wide Definitions      ******/
/******                                 ******/
/*********************************************/
.al #page {
    left: -9999px;
    position: absolute;
    top: 0;
}
/********* Browser Reset *******/
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,object,iframe { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: none; }

body {
    background: #eeeeee /*url('../img/layout/bg_body.png') repeat-x scroll left top*/;
    color: #404040;
    font: normal normal 12px/18px Arial, Helvetica, sans-serif;
    text-align: left;
   /* border-top: 20px #000 solid;*/
}

#page {
    margin: 0 auto;
    width: 100%;
    border-top: 5px solid #d9ecf8;
    /*margin-top: 2px;*/
    background: #fff;
    position: relative;
    overflow: hidden;
}

a {
    color: #4996cc;
    font-weight: bold;
    text-decoration: none;
}
a img {
    border:none;
}

p {
    margin: 0;
    padding: 0 0 8px 0;
}

ul {
    list-style: outside;
    list-style-type: disc;
    margin: 0 0 9px 16px;
}

ul, li {
    margin: 0 7px;
}

/**********************************************
*
*               Page Layout
*
**********************************************/
body {
  min-width: 630px;      /* 2x (left column fullwidth +
                            CC padding) + right column fullwidth */
}
#main {
	margin-top: 10px;
    overflow:hidden;
}
#center, #left, #right {
    position: relative;
    float: left;
}

#center { width: 100%; }
#left { margin-left: -100%; }

#main {
    padding-left: 200px;   /* left column fullwidth */
    padding-right: 200px;  /* right column fullwidth + center column padding */
}

#left {
    width: 190px;          /* left column width */
    right: 200px;          /* left column fullwidth + center column padding */
}
#right {
    width: 190px;          /* right column width */
    margin-right: -240px;  /* right column fullwidth + center column padding */
    left: 10px;            /* Spacing from center */
}

.fullWidth{
	clear:both;
	margin-left: -200px;  /*left column width*/
	margin-bottom: 10px;
}

#footer {
    clear: both;
}

/*** IE Fix ***/
* html #left {
  left: 150px;           /* RC fullwidth */
}

/**********************************************
*
*                   Actions
*
**********************************************/

a.readMore, .li.readMore {
    background: transparent url(../img/spritesheet.png) no-repeat scroll right -1102px;
    float:right;
    font-size:0.90em;
    padding-right:9px;
    text-transform:uppercase;
}

a.mail { overflow: hidden; }

a.mail span {
    background: url("../img/spritesheet.png") no-repeat 0 -1000px;
    display: block;
    float: left;
    height: 30px;
    text-indent: -9999px;
    width: 30px;
}

/**********************************************
***
***                  Headers
***
**********************************************/

#header h1 {
	float: left;
}

h1 {
    margin: 0.1em 0;
}

h2 {
    background: transparent;
    border: 0;
    color: #5D5D5D;
    font: bold normal 140%/18px 'Arial',Helvetica,sans-serif;
    padding:2px 6px;
}

h2.boxTop {
	background: #000000 url(../img/spritesheet.png) no-repeat scroll 0 -332px;
	border: 1px solid #C9C9C9;
	color:#FFFFFF;
}

h2.formHeading {
    border-bottom: 25px solid #890101;
    overflow: hidden;
    padding: 0;
    margin: 15px 0 .5em;
}
	h2.formHeading span {
	    background: #890101;
	    color: #FFF;
	    display: block;
	    float: left;
	    padding: 3px 20px;
	    font-size: 80%;
	}

#page h3.users {
    background:#AF0102;
	border-bottom:1px solid #910A0A;
	border-top:1px solid #C31516;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	margin:0 0 5px;
	padding:4px 5px;
	text-transform: none;
	clear: both;
}

h4 {
    padding-top: 0.5em;
}

/**********************************************
***
***              Secondary Header
***
**********************************************/

.secondaryHeader {
    background:#C90101 url(../img/spritesheet.png) repeat-x scroll 0 -1150px;
    border-bottom:1px solid #DB6062;
    border-top:1px solid #570000;
    color: #fff;
    font-size: 12px;
    font-weight:bold;
    height: 26px;
   line-height:20px;
	padding:4px 18px;
}
    
    .secondaryHeader a {
        color: #EDEDED;
        font-weight: normal;
        text-decoration: underline;
    }
    .secondaryHeader li {
        float: left;
        padding: 0 10px;
    }
    
/**********************************************
***
***                  Boxes
***
**********************************************/

.box {
    border: 1px solid #E7E7E7;
}

form.box {
    border-width: 2px;
    padding: 1%;
}

.boxFill {
    background: #EDF6FD;
    border: 4px solid #D4D4D4;
    overflow:hidden;
    padding: 20px 30px;
    margin-bottom: 20px;
}

.boxFlag {
	background:transparent url(../img/layout/red/headerFlag.png) no-repeat scroll 10px 0;
	color:#FFFFFF;
	float:left;
	font-size:18px;
	height:20px;
	margin:0;
	text-align:center;
}

/**********************************************
***
***                Main Column
***
**********************************************/

.main {
    float: left;
    min-width: 50%;
    margin: 0 1%;
}

/**********************************************
***
***                 Sidebars
***
**********************************************/

    #left h3, #right h3 {
        background:transparent;
        border-bottom:4px solid #A6A6A6;
        color:#7F7F7F;
        font-size:0.95em;
        line-height:0.95em;
        margin: 2% 0;
        padding:4px 0 0;
    }
  
    #left a.more, #right a.more {
        clear: both;
        display: block;
        float: left;
        font-size: 1em;
        font-weight: bold;
        margin: 10px 0;
        text-decoration: underline;
    }
    
    #left ul, #right ul {
        font-size:0.95em;
        list-style: none;
        margin: 0 0 5%;
    }
    	    #left ul li , #right ul li {
       			 line-height: normal;
       			 margin-bottom: 7px;
    		}
    
    #left .wrapper div, #right .wrapper div {
	 line-height: normal;
	 font-size: 90%;
	 clear: both;
	 margin-bottom: 5px;
	}
	
	#left .xsmallThumb, #right .xsmallThumb {
	float:left;
	margin-right: 4px;
	}


/**********************************************
***
***                  LINKS
***
**********************************************/

.userLink {
	color:#CC0101;
	font-weight:bold;
	text-transform:capitalize;
}

/**********************************************
***
***                  Thumbnails
***
**********************************************/

.xsmallThumb, .smallThumb, .medThumb {
	background: #FFF;
    border: 1px solid #C9C9C9;
    padding: 1px;
    width: 25px;
    height: 25px;
}

.smallThumb {
	width: 40px;
	height: 40px;
}

.medThumb {
	width: 75px;
	height: 75px;
}

.userThumbWrapper {
    /*TODO these are the thumbs with padding and gradient*/
}

/**********************************************
***
***             Editing/Deleting
***
**********************************************/

a.edit, a.delete {
    background:transparent url(../img/spritesheet.png) no-repeat scroll right -1063px;
	color:#000000;
	font-size:0.75em;
	font-weight:normal;
	padding-right:10px;
	text-transform:uppercase;
}

a.delete {
    background-position:right -1085px;
}

a.cancel {
    color:#3E3E3E;
    float: right;
	font-weight:bold;
	margin:25px 30px 0 0;
	text-decoration:none;
}

/**********************************************
***
***                  Dates
***
**********************************************/

.when {
	color:#9d9d9d;
}

	.when a{
		     color:#CC0101;
		     font-weight:bold;
		     text-transform:capitalize;  
	}
	
/**********************************************
***
***                   Forms
***
**********************************************/

.steps fieldset {
    border: 0;
    clear: both;
    margin: 0;
    padding: 0;
}
	.steps legend,
	div.steps {
	    background:none repeat scroll 0 0 #F6F6F6;
		border:1px solid #F3F3F3;
		color:#8E8E8E;
		float:left;
		font-size:16px;
		margin: 10px 0px 10px 0px;
		padding:2%;
		width:96%;
	}
	    .steps legend span,
	    .steps .step {
	        color:#000000;
	        font-weight:bold;
	    }
	    
ul.user { font-weight: bold; font-size:10pt; list-style-type:none; margin-bottom: 15px; }

/**********************************************
***
***                 Dividers
***
**********************************************/

hr {
    background-color: #ddd;
    border: 0px;
    clear: both;
    color: #ccc;
    height: 1px;
}

/**********************************************
***
***                  Tables
***
**********************************************/

table {
    border:1px solid #ccc;
    border-right:0;
    clear: both;
    color: #333;
    margin-bottom: 10px;
    width: 100%;
}
th {
    background: #f2f2f2;
    border:1px solid #bbb;
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    text-align: center;
}
th a {
    background:#f2f2f2;
    display: block;
    padding: 2px 4px;
    text-decoration: none;
}
th a:hover {
    background: #ccc;
    color: #333;
    text-decoration: none;
}
td {
    border-right: 1px solid #ccc;
    padding: 4px;
    text-align: left;
    vertical-align: top;
}
tr.altrow td {
    background: #f4f4f4;
}
td.actions {
    text-align: center;
    white-space: nowrap;
}
td.actions a {
    margin: 0px 6px;
}

/**********************************************
***
***                  Paging
***
**********************************************/

#paging {
    clear: both;
    font-size:.90em;
    font-weight: bold;
    margin: 30px 0 10px;
    padding: 2px 0;
    text-align: right;
}
    #paging a {
        color: #000;
    }
    #paging span {
        padding: 0 5px;
    }
    #paging span.current {
        color: #CC0200;
    }

#paging .disabled {
    color: #ddd;
    display: none;
}

/**********************************************
***
***               Scaffold View
***
**********************************************/

dl {
    line-height: 2em;
    margin: 0em 0em;
    width: 60%;
}
dl.altrow {
    background: #f4f4f4;
}
dt {
    font-weight: bold;
    padding-left: 4px;
    vertical-align: top;
}
dd {
    margin-left: 10em;
    margin-top: -2em;
    vertical-align: top;
}

/**********************************************
***
***               General Forms
***
**********************************************/

form {
    clear: both;
    padding: 0;
}
fieldset {
    border: 1px solid #ccc;
    margin-top: 30px;
    padding: 16px 20px;
}
fieldset legend {
    color: #e32;
    font-size: 1.6em;
    font-weight: bold;
}
fieldset fieldset {
    margin-bottom: 20px;
    margin-top: 0px;
    padding: 16px 10px;
}
fieldset fieldset legend {
    font-size: 1.2em;
    font-weight: normal;
}
fieldset fieldset div {
    clear: left;
    margin: 0 20px;
}
form div {
    border: 0px;
    clear: both;
    margin-bottom: .5em;
    padding: .5em;
    vertical-align: text-top;
}
form div.input {
    color: #444;
}
form div.required {
    color: #333;
    font-weight: bold;
}
div.submit {
    border: 0;
    clear: both;
    margin-left: 140px;
    margin-top: 10px;
}

div.submit input, div.submit a{
  background:url("../img/spritesheet.png") repeat-x scroll 0 -3700px transparent;
  border:1px outset #636363;
  color:#FFFFFF;
  cursor: pointer;
  height: 22px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.submit a:hover, div.submit a:hover, div.submit input:hover {
  background-position: 0 -3722px;
  border:1px inset #636363;
}

label {
    display: block;
    padding-right: 20px;
}
input, textarea {
    border: 1px #939393 solid;
    clear: both;
    font-size:.1.1em;
    padding: 2px;
}

/******************************************************
***
***  form validation styling if javascript is enabled
***
******************************************************/

.jqn div.input {
    position: relative;
    top: -4px;
    left: 4px;
}

.jqn .input label {
    margin: 0 0 4px;	
}

.jqn input, .jqn select, .jqn textarea {
    margin: 0 25px 0 0;	
}

.jqn input.error, .jqn select.error, .jqn textarea.error {
    border: 1px solid #C05252;
    position: relative;
    z-index: 1000;	
}

.jqn span.error {
	/* background position set by javascript */
    background-color: #C05252;
    background-image: url(../img/icons/error.png);
    background-repeat: no-repeat;
    border: 1px outset #AB211F;
    bottom: 0;
    color: #FFF;
    display: block;
    font-weight: bold;
    height: 17px;
    left: 0;
    overflow: hidden;
    padding-bottom: 6px;
	padding-top: 6px;
    position: absolute;
    width: 160px;
    z-index: 999;
}

/*To Style the wysywigs well*/
.textarea {
    width: 80%;
}

textarea {
    width: 99%;
}

/* End wysiwyg fix */
select {
    clear: both;
    font-size: 1em;
    vertical-align: text-bottom;
}
select[multiple=multiple] {
    width: 100%;
}
option {
    font-size: 1.2em;
    padding: 0 3px;
}
input[type=checkbox] {
    clear: left;
    float: left;
    margin: 0px 6px 7px 2px;
    width: auto;
    border: 0px;
}
input[type=radio] {
    float:left;
    margin: 0 3px 7px 0;
    width:auto;
    border: 0px;
}
div.radio label {
    margin: 0 0 6px 20px;
}
input[type=submit] {
    display: inline;
    font-size: 1.1em;
    padding: 2px 5px;
    width: auto;
    vertical-align: bottom;
}

/**********************************************
***
***          Notices and Errors
***
**********************************************/

div.message {
    clear: both;
    color: #900;
    font-size: 1.4em;
    font-weight: bold;
    margin: 1em 0;
}
div.error-message {
    clear: both;
    color: #900;
    font-weight: bold;
}
p.error {
    background-color: #e32;
    color: #fff;
    font-family: Courier, monospace;
    font-size: 1.2em;
    line-height: 1.4em;
    padding: 0.8em;
    margin: 1em 0;
}
p.error em {
    color: #000;
    font-weight: normal;
    line-height: 1.4em;
}
.notice {
    background: #ffcc00;
    color: #000;
    display: block;
    font-family: Courier, monospace;
    font-size: 1.2em;
    line-height: 1.4em;
    padding: 0.8em;
    margin: 1em 0;
}
.success {
    background: green;
    color: #fff;
}

/**********************************************
***
***                 Actions
***
**********************************************/

div.actions ul {
    margin: 0px 0;
    padding: 0;
}
div.actions li {
    display: inline;
    list-style-type: none;
    line-height: 2.25em;
    margin: 0 1em 0 0;
    white-space: nowrap;
}
div.actions li a {
    color: #003d4c;
    text-decoration: none;
}
div.actions li a:hover {
    color: #333;
    text-decoration: underline;
}

/**********************************************
***
***                 Related
***
**********************************************/

div.related {
    clear: both;
    display: block;
}

/**********************************************
***
***               Logo Area
***
**********************************************/

#header {
    position: relative;
    height: 109px;
    display: block;
    padding: 5px 20px 10px 20px;
	width: 960px;
	margin: 0 auto;
	overflow: hidden;

}
    #logo {
        width: 150px;
        float:left;
        margin-right: 10px;
    }
    #pageTitle {
        color: #000;
        cursor: default;
        font: normal normal 19px/19px "Arial", Verdana, Helvetica, Arial, sans-serif;
        padding: 45px 0 0 0;
        text-transform: lowercase;
        width: 40%;
        display: none;
    }
        #pageTitle a {
            font-weight: normal;
        }
        #pageTitle img {
            position: absolute;
            top: 0;
            left: 0;
        }

/**********************************************
***
***             Content Section
***
**********************************************/

#right iframe, #header iframe {
	border: 1px solid #DCDCDC;
}

#right iframe {
	margin: 10px 0 0 31px;
}

#header iframe {
	float: right;
	margin-top: 10px;
	margin-right: 0px;
}

#right h3.advertisements {
	clear: both;
	margin: 10px 0 5px;
}


#content {
    clear: both;
    color: #333;
    height: auto !important;
	width: 960px;
	margin: 0 auto;
    overflow: hidden;
    padding: 0 18px 0px;
}
    #content > div {
        /*padding: 0 2%;
        TODO
        overflow: auto;*/
    }
    
    #content > div.bbq-item {
        padding: 0;
    }
    
    .contentInner {
        margin: 0 auto;
        padding-top: 5px;
        border-top: 1px solid #000;
    }

          .mainContent {
               width: 100%;
          }

/**********************************************
***
***            Contributors Box
***
**********************************************/

#contributors {
	float: right;
	margin-top: 10px;
	padding: 1% !important;
	width: 26%;
}

/*********************************************
***
***     Rounded Boxes & Flags
***    jqn
/********************************************/

.boxMainWrapper {
    margin-top: 10px;
    overflow: hidden;
}

        
        h3.double {
            top: 10px;
        }
            h3.double span {
                display: block;
                font-weight: normal;
            }
    
        .boxFill h3, .boxFill h4 {
            margin: 0;
            padding: 0;
        }
        
            .boxFill .money {
                color: #9F3F41;
                font-size: 24px;
                margin: 7px 0 7px 160px;
                padding: 0;
            }
            
            .boxFill a.view {
                background: url('../img/layout/red/arrow.gif') no-repeat right;
                color: #000;
                font-size: .75em;
                font-weight: normal;
                padding-right: 9px;
                text-transform: uppercase;
            }
            
		.actions {
		    clear: both;
		}


/**********************************************
***
***                 Banner Area
***
**********************************************/

#pageBanner {
	 background: #BADBF1 url(../img/layout/bg-pageBanner.png) repeat-x scroll 0 0;
     border-top:1px solid #A6C7DD;
     color: #FFF;
     min-height: 100px;
     position: relative;
}

    .subBanner {
        background: url('../img/spritesheet.png') no-repeat -550px -100px;
        border: 0;
        color: #4996CC;
        float:left;
		font:40px/60px Arial,Helvetica,sans-serif;
		height:45px;
		left:-6px;
		margin:18px 0 4px;
        padding: 0 0 20px 12px;
        position: relative;
        text-transform: lowercase;
        width: 380px;
    }

     #pageBanner #UserLoginForm, #loginModal form {
          clear: none;
          display: block;
          float: right;
          height: 105px;
          overflow: hidden;
          position: relative;
          width: 35%;
     }
     
            #pageBanner #UserLoginForm div, #loginModal form div, #pageBanner #UserLoginForm a, #loginModal form a {
                position: absolute;
                top: 5px;
            }
     
          #pageBanner #UserLoginForm .input, #loginModal form input {
               color: #fff;
               left: 0;
          }

          #pageBanner #UserLoginForm .password, #loginModal form .password {
              top: 45px;
          }

                    #pageBanner #UserLoginForm .text label, #loginModal form .text label, #pageBanner #UserLoginForm .password label, #loginModal form .password label {
                         font-weight: normal;
                         font-size: .9em;
                         margin: 0;
                    }

                    #pageBanner #UserLoginForm .text input, #loginModal form .text input, #pageBanner #UserLoginForm .password input, #loginModal form .password input {
                         padding: 0;
                         width: 135px;
                         color: #808080;
                    }
               #pageBanner #UserLoginForm .submit, #loginModal form .submit, #pageBanner #UserLoginForm a, #loginModal form a {
                    left: 170px;
                    margin: 0;
                    padding: 0;
                    top: 19px;
               }

               #pageBanner #UserLoginForm .submit input, #loginModal form .submit input {
                    padding: 0;
                    min-width: 70px;
               }
               
               #pageBanner #UserLoginForm .register, #loginModal form .register, #pageBanner #UserLoginForm .forgot, #loginModal form .forgot {
                    font-weight: normal;
                    text-decoration: underline;
                    top: 53px;
               }

               #pageBanner #UserLoginForm .forgot, #loginModal form .forgot {
                    top: 74px;
               }

/**********************************************
***
***                 Footer Area
***
**********************************************/

#validXHTML11 {
    height: 31px;
    width: 88px;
}

#validCSS {
    border:0;
    width:88px;
    height:31px
}

#CakePHPPower {
    border:0;
    width:98px;
    height:13px   
}

/**********************************************
***
***                 Actions
***
**********************************************/

.boxMain li.view a {
    color: #000;
    text-transform: uppercase;
    font-size: .75em;
    font-weight: normal;
    background: url(../img/layout/red/arrow.gif) no-repeat right;
    padding-right: 9px;
}
.actions li.edit a, .actions li.delete a {
    color: #000;
    text-transform: uppercase;
    padding-right: 9px;
}
.actions li.makeFeatured a {
    color: #000;
    text-transform: uppercase;
    font-size: .75em;
    font-weight: normal;
    background: url('../img/layout/red/arrow.gif') no-repeat right;
    padding-right: 9px;
}

/**********************************************
***
***             Navigation Layouts
***
**********************************************/

#header {
    border-bottom: 0;
}

/**********************************************
***
***                 Top Menu
***
**********************************************/

#upperMenu {
    background: transparent url('../img/spritesheet.png') repeat-x 0px -200px;;
}

    /*#upperMenu ul {
        margin: 0;
    }*/
        #topMenu {
            list-style: none;
            height: 31px;
            width: 960px;
			margin: 0 auto;
        }
            #topMenu li, #topMenu a {
                color: #5E5E5E;
                display: block;
                z-index: 2000;
            }
        
            #topMenu li {
                background: transparent url(../img/spritesheet.png) no-repeat scroll right -200px;
                cursor: pointer;
                float: left;
                font-weight: bold;
                height: 30px;
                line-height: 31px;
                margin: 0;
                padding: 0 20px;
                position: relative;
                border-left: 1px #9dc5e0 solid;
            }
            
            #topMenu li li{
				padding: 0 40px 0 10px;
			}
            
            #topMenu li.logout-header-link {
                
                float: right;
            }
            
            
                #topMenu li:hover {
                    background: url('../img/spritesheet.png') no-repeat right -169px;
                }
        
                #topMenu li ul {
                    display: none;
                    height: auto;
                    position: absolute;
                    top: 31px;
                    left: -7px;
                    z-index: 999;
                    background: #F3F3F3;               
                }
                    #topMenu li:hover ul {
                        display: block;
                        border: 0px solid #B5B5B5;
                        z-index: 999;
                    }
                        #topMenu li li, #topMenu li li a {
                            display: block;
                            float: none;
                            color: #5E5E5E;
                            margin: 0;
                            background: #f3f3f3;
                            height: 25px;
                            line-height: 25px;
                            white-space: nowrap;
                            border: #ccc solid;
                            border-width: 0px 1px 1px;
                        }
                        #topMenu li li a {
							border: 0px;
						}
                        #topMenu li li:hover, #topMenu li li:hover a {
                            background: #6e6e6e;
                            color: #fff;
                        }

/**********************************************
***
***            Module Menu - Sub Menu
***
**********************************************/

#subMenu {
    background: #EDEDED;
    border-bottom: 1px solid #E4E4E4;
    border-top: 1px solid #F7F7F7;
    overflow: auto;
    display: block;
    margin: 0;
}
    #subMenu a {
        color: #5F5F5F;
        font-weight: normal;
        text-decoration: none;
        display: block;
        padding: 0px 15px;
        border-left: 1px solid #5F5F5F;
    }
        #subMenu li:first-child a {
            border-left: 0;
        }
    #subMenu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
        #subMenu .logout-header-link {
            float: right;
        }
        #subMenu li {
            margin: 0;
            padding: 3px 0px;
            display: block;
            float: left;
        }
        
/**********************************************
***
***               Admin Pages
***
**********************************************/
    
.admin select{
     height: 20px !important;
}

.admin option{
     font-size: 12px;
}

.admin .selectModuleTitle {
     font-family: Trebuchet MS, arial, verdana;
     font-size: 19px;
     color: #868686;
     padding: 15px 0px 5px 0px;
}

.admin .redBar{
	background: transparent url(../img/spritesheet.png) repeat-x scroll 0 -850px;
	height: 9px;
}

.admin table{
    font-size: 11px;
    width: 100%;
}

.admin th{
		background: #fff url(../img/spritesheet.png) no-repeat scroll 0 -850px;
        padding: 11px 0px 0px 0px;
        color: #fff;
        font-weight: normal;
        font-size: 11px;
        line-height: 22px;
        border: 0px;
}

.admin.add th{
     background: #2a2a2a url(../img/spritesheet.png) repeat-x scroll 0 -860px;
     padding-top: 0px;
}

.admin td{
     border-top: 1px #ccc solid;
     vertical-align: middle;
     text-align: center;
     padding: 2px 0;
}
   
    .admin td a {
     color: #a23131;
     font-weight: normal;
     text-decoration: underline;
    }
    
    .admin td a:hover {
        color: #000;
    }
    
.admin .menuRowOdd td, .admin.add td{
     background: #fbfbfb url(../img/spritesheet.png) repeat-x scroll 0 -900px;
}

.admin .secondaryHeader{
    background:none;
    border:0px;
    margin: 0px;
    padding: 0px;
}

.admin .secondaryHeader a{
    color: #3D3D3D;
    font-weight:bold;
    text-decoration: none;
}

.admin .text input {
     width: 520px;
     font-size: 11px;
     margin-top: 6px;
}

.admin .menuTitleInput .text input, .admin .columnTitle .text input{
     width: 181px;
     margin-right: 4px;
     float: left;
}

.indicator {
	width: 11px;
	height: 11px;
	background: transparent url(../img/spritesheet.png) no-repeat scroll -150px -800px;
	clear: none;
	float: right;
	margin: 7px 10px 0px 0px;
}
.admin .submit input{
     margin-right: 0;
}

/**********************************************
***
***             Admin Menu
***
**********************************************/

#adminMenu{
    background: #890101;
    border-bottom: 1px solid #E4E4E4;
    border-top: 1px solid #F7F7F7;
    overflow: auto;
    display: block;
    margin: 0;
}
    #adminMenu a {
        color: #ffffff;
        font-weight: normal;
        text-decoration: none;
        display: block;
        padding: 0px 15px;
        border-left: 1px solid #fefefe;
    }
        #adminMenu li:first-child a {
            border-left: 0;
        }
    #adminMenu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
        #adminMenu .logout-header-link {
            float: right;
        }
        #adminMenu li {
            margin: 0;
            padding: 3px 0px;
            display: block;
            float: left;
        }
        
/**********************************************
***
***          Admin Move Up/Down Icons
***
**********************************************/


.admin .itemMoveDown, .itemMoveUp{
     width: 20px !important;
     padding:0px !important;
     margin:0px;
     height: 30px;
     background: transparent url(../img/spritesheet.png) repeat-x scroll -100px -800px !important;
}

.admin .itemMoveDown{
	background-position: -120px -800px !important;
}

.admin .itemMoveDown a, .admin .itemMoveUp a{
	display: block;
	width: 20px;
	height: 29px;
	background: transparent url(../img/spritesheet.png) no-repeat scroll -20px -800px;
}

.admin .itemMoveUp a{
	background-position: 0 -800px;
}

.admin .itemMoveDown a:hover {
	background-position: -71px -800px;
}
		
.admin .itemMoveUp a:hover {
	background-position: -51px -800px;
}

/**********************************************
***
***          Footer - Bottom Menu
***
**********************************************/

#footer {
    background: #eeeeee url(../img/layout/bg_footer.png) repeat-x;
    position: relative;
    display: block;
    min-height: 112px;
    height: auto !important;
}
    #footer a {
        clear: right;
        color: #333;
    }
        #footer a:first-child {
            clear: none;
        }
    #bottomMenu {
        position: absolute;
        top: 10px;
        right: 10px;
    }
        #bottomMenu ul {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }
            #bottomMenu li {
                display: block;
                float: left;
                border-left: 1px solid #000;
                margin: 0;
                padding: 0 7px;
            }
                #bottomMenu li:first-child {
                    border-left: 0;
                }
                #bottomMenu li a {
                    font-weight: normal;
                }
                
/**********************************************
***
***          javascript modal window
***
**********************************************/

                #modalWindow {
					left: 50%;
					margin-left: -200px;
					min-width: 300px;
					padding: 8px 8px 0 8px;
					position:fixed;
					top: 50%;
                }
                
                #modalWindow span.modalIcon {
                    background: url('../img/spritesheet.png') 0 -50px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 50px;
                    height: 50px;
                    margin-top: -20px;
                    margin-left: -20px;
                }
                                
                #modalWindow h2 {
                    padding: 0;
                    width: 90%;
                    line-height: 20px;
                    font-size: 13px;
                }
	                #modalContent {
	                   background: #FFF;
	                   border: 1px solid #C7C7C7;	                   
                       overflow: hidden;
	                }
	                
                    .jqn #modalWindow.modalLeft {
	                    position: absolute;
	                    top: -2000px;
	                    left: -2000px;
                    }

                #modalWindow form {
                    overflow: hidden;
                    padding: 20px;
                }
                
                #modalWindow div.submit {
                    clear: none;
                    float: left;
                }
                
                #modalWindow a.cancel {
                    float: left;
                    line-height: 36px;
                    margin: 0 25px 0 7px;
                }
                
                
/**********************************************
***
***     Add/Edit Forms with rounded edges
***
**********************************************/

.addEdit.form, .confirmDelete.form{
  width: 65%;
}  

.addEdit.form div{
  padding: 6px;
}

.addEdit.form .input.text input, .addEdit.form textarea{
  width: 585px !important;
}

.addEdit input.submit{
  width: auto !important;
}

.addEditPostEdit, .addEditPostAdd{
  background: #f1f1f1;
}

.addEdit .input, .addEdit form{
  margin-right: 0px;
}

.addEdit.form div.submit{
  clear:both;
  padding: 0px;
}

/**********************************************
***
***               Results Page
***
**********************************************/

.results h2.secondaryHeader a,
.results h2.secondaryHeader {
	height: 25px;
	padding-bottom:9px;
	padding-left:3px;
}

.outerResultsWrapper {
	background-color: #f1f1f1;
	padding:25px;
}

.resultsWrapper {
	background-color:#ffffff;
	border:2px #e7e7e7 solid;
	overflow:hidden;
	width: 100%;
}

.results .listResult {
	float:left;
	height:50px;
	overflow:hidden;
	padding:10px;
	width:45%;
}

	.results .rating-text {
		display:none;
	}
	.results div.attachedImage {
		float:left;
		
	}

.results .attachedImage {
	float:left;
	margin-right: 5px;
}

.results .moduleTitle {
	float:left;
	overflow:hidden;
}
	.blog.results .moduleTitle a {
		float:left;
		text-decoration: underline;
		text-transform: capitalize;
	}
	
.blog.results .ratingStars {
	clear:left;
	float:left;
}

/**********************************************
***
***             Message Center
***
**********************************************/

#messageCenter {
    background:url("../img/spritesheet.png") repeat-x scroll 0 -299px transparent;
    color: #999999;
    cursor: pointer;
    height: 20px;
    left: 0;
    padding: 2px 0;
    position: fixed;
    width: 100%;
    zIndex: 2002; 
}

/*
    HUMANIZED MESSAGES 1.0
    idea - http://www.humanized.com/weblog/2006/09/11/monolog_boxes_and_transparent_messages
    home - http://humanmsg.googlecode.com
*/

#alertLog {
    position: fixed;
    bottom: 0;
    left: 5px;
    width: 240px;
    display: none;
    z-index: 11380;
}

#alertLog p {
    background: transparent url(../../img/layout/alert.jpg) no-repeat 0 0;
    color: #333;
    cursor: pointer;
    left: 0;
    padding-left: 30px;
    position: relative;
    line-height: 15px;
    margin: 0 0 0 10px;
    text-align: left;
    width: 200px;
}

#alertLog h3 {
    background: transparent url(../../img/layout/bg-alertTop.jpg) repeat-x 0 0;
    color: #FFF;
    display: none;
    padding: 0;
    margin: 0;
    text-indent: 5px;
}

.humanMsg {
    display: none;
}

#alertLog ul {
    background: #eee url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAARCAIAAACaSvE/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNqEjVEKACAIQ516Ee//5wVNCjIjaB/iY5vC3YkoIgDkVDOjQ5pqLCI3r2bLFzNzyydvM4uKqfJPKN4vyl9LO/7o3/6PhwADAIWkFPjc5eRrAAAAAElFTkSuQmCC") repeat-x;
    margin: 0;
    padding: 0;
    position: relative;
    max-height: 500px;
    overflow: auto;
    display: none;
}

#alertLog li {
    color: #555;
    font: bold normal 12px/14px 'Trebuchet MS';/*TODO test font*/
    list-style-type: none;
    border-bottom: 1px solid #ddd;
    padding: 5px;
    position: relative;
}

#alertLog li span {
    font-weight: normal;
}

#alertLog li:first-child {
    margin-top: 1px;
}

/**********************************************
***
***           HIT Clock time picker
***
**********************************************/

.jqn div.textarea {
    clear: left;
}

.jqn div.datetime {
    clear: none;
    float: left;
    overflow: hidden;
    position: relative;
}

    .jqn .hitClock, .jqn .hitDate {
        padding: 0;
        position: absolute;
        top: 0;
    }

    .jqn .hitDate {
        margin: 24px 0 0 22px;
        width: 175px;   
    }

    .jqn .hitDate, .jqn #ui-datepicker-div {
        z-index: 2; 
    }

        .jqn #ui-datepicker-div {
            background: #BDBDBD;
            padding: 4px;
        }
        
        .jqn .ui-datepicker .ui-datepicker-title {
            width: 100px;
        }
        
        .jqn .datetime input, .jqn .datetime select { 
            display: none;
        }
        
        .jqn .datetime input.datepicker, .jqn .datetime input.clockTime {
            display: inline;
        }
        
        .jqn .datetime input.datepicker {
            width: 148px;
        }

        .jqn .datetime .hitDate input, .jqn .datetime .hitClock input {
            border: 2px solid #D6D6D6;
            display: inline;
            text-align: center;
        }

    .jqn .hitClock {
        z-index: 1;
    }

        .jqn .hitClock span {
            background: transparent;
            cursor: pointer;
            display: inline-block;
            font-weight: bold;
            padding: 0 2px;
        }
    
            .jqn .hitClock span.active {
                border: 1px solid #D0D0D0;
                color: #A20A0A;
            }
    
            .jqn .hitClock div.date {
                border: 1px solid #D0D0D0;
                color: #4F4F4F;
                cursor: pointer;
                font-weight: bold;
                left: 50%;
                margin-left: -50px;
                padding: 1px;
                position: absolute;
                text-align: center;
                top: 230px;
                width: 100px;
            }
    
                .jqn .hitClock div.date:hover, .hitClock span:hover {
                    background: #444;
                    color: #FFF;
                }

            .jqn .hitClock div.time {
                left: 45px;
                position: absolute;
                top: 18px;
            }

/**********************************************
*
*         Cake Programming Notices
*
**********************************************/

pre {
    background-color: #f6f6f6;
    border: 1px solid #d1d7dc;
    color: #060;
    display: block;
    font-family: 'Courier New', Courier, monospace;
    font-size: 11px;
    margin: 0 0 10px 0;
    max-height: 250px;
    overflow: auto;
    padding: 0 1% 10px 1%;
}

/* Debugging */
.cake-sql-log table {
    background: #f4f4f4;
}
.cake-sql-log td {
    padding: 4px 8px;
    text-align: left;
}
pre {
    color: #000;
    background: #f0f0f0;
    padding: 1em;
}
pre.cake-debug {
    background: #ffcc00;
    font-size: 1.2em;
    line-height: 1.4em;
    margin-top: 1em;
    overflow: auto;
    position: relative;
}
div.cake-stack-trace {
    background: #fff;
    border: 4px dotted #ffcc00;
    color: #333;
    margin: 0px;
    padding: 6px;
    font-size: 1.2em;
    line-height: 1.4em;
    overflow: auto;
    position: relative;
}
div.cake-code-dump pre {
    position: relative;
    overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
    color: #000;
    background-color: #F0F0F0;
    margin: 0px;
    padding: 1em;
    overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
    clear: both;
    font-size: 12px;
    line-height: 15px;
    margin: 4px 2px;
    padding: 4px;
    overflow: auto;
}
div.cake-code-dump span.code-highlight {
    background-color: #ff0;
    padding: 4px;
}
div.code-coverage-results div.code-line {
    padding-left:5px;
    display:block;
    margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
    background:#ecc;
}
div.code-coverage-results div.covered span.content {
    background:#cec;
}
div.code-coverage-results div.ignored span.content {
    color:#aaa;
}
div.code-coverage-results span.line-num {
    color:#666;
    display:block;
    float:left;
    width:20px;
    text-align:right;
    margin-right:5px;
}
div.code-coverage-results span.line-num strong {
    color:#666;
}
div.code-coverage-results div.start {
    border:1px solid #aaa;
    border-width:1px 1px 0px 1px;
    margin-top:30px;
    padding-top:5px;
}
div.code-coverage-results div.end {
    border:1px solid #aaa;
    border-width:0px 1px 1px 1px;
    margin-bottom:30px;
    padding-bottom:5px;
}
div.code-coverage-results div.realstart {
    margin-top:0px;
}
div.code-coverage-results p.note {
    color:#bbb;
    padding:5px;
    margin:5px 0 10px;
    font-size:10px;
}
div.code-coverage-results span.result-bad {
    color: #a00;
}
div.code-coverage-results span.result-ok {
    color: #fa0;
}
div.code-coverage-results span.result-good {
    color: #0a0;
}

#modalBox .close {
	cursor: pointer;
}

h2.signUp {
	margin-top: 10px;
}

.terms h2, .terms h3 {
    margin: 10px 0 6px;
} 

#ajaxStatusDiv {
    color: #EEE;
}

/*****************************************************************************************************************
*
* FILE: /webroot/css/image_attach.css
*
******************************************************************************************************************/
/***************************************/
/******                           ******/
/******         Image CSS         ******/
/******                           ******/
/***************************************/

/********** Flagged Boxes **************/

        .attachedImage a {
            width: 132px;
            vertical-align: middle;
            text-align: center;
        }
        .attachedImage img {
            vertical-align: middle;
        }
        .attachedImage td{
            height: 120px;
        }
        /****** Categories Results Boxes ******* @todo For Deletion upon tendril file usage */
        .classifieds.categories .boxFill table td.attachedImage,
        .classifieds.search .boxFill table td.attachedImageSearch,
        .classifieds.users .boxFill table td.attachedImage {
            width: 100px;
            float: none;
            clear: none;
            height: auto;
            line-height: 60px;
            vertical-align: middle;
            padding: 0;
            text-align: center;
        }

/******** Classifieds Add/Edit *********/
    .classifieds .uploadContainer{
        float: left;
        width: 250px; 
    }
    .classifieds #uploadedThumbsContainer{
        clear:none;
        float:left;
        width:500px;
    }
    a.descriptionLink{
        margin-top:5px;
    }
/* TODO move the following into image attach tendril classifieds.css */
/***************************************/
/******                           ******/
/******   Classifieds Images      ******/
/******                           ******/
/***************************************/

#mainImage{
    /*float:left;*/
    clear:left;
    overflow: hidden;
    position: relative;
    /* width: 59%; */
    text-align:center;
    margin: 0 12px;
}

#mainImage .imgDiv {
    height: 1px;
    overflow: hidden;
    position: absolute;
    text-align: left;
    top: -2000px;
    width: 1px;
}

.topImg, .bgImg {
    position: absolute;
    width: 100%;
}

.topImg {
    z-index: 2;
}

.bgImg {
    z-index: 1;
}
#bigImageList { position: absolute; top: 50%; left: 50%; margin: 0;}
#bigImageList li { position: absolute; list-style: none; margin: 0; overflow: hidden; }
.caption, .captionBG {
	background: transparent;
	color: #FFF;
	padding: 2%;
	position: absolute;
        width: 96%;
	z-index: 38;
}

.captionBG {
	background: #000;
	z-index: 11;
}

.scrollable div {
    clear: both;
}

.scrollable div#thumbStrip{
    position: relative;
    overflow: hidden;
    height: 66px;
    clear: none;
}

    #thumbStrip span {
        background: #CCC;
        border: 1px solid #AAA;
        clear: left;
        cursor: pointer;
        display: block;
        margin: 0 auto;
        padding: 3px;
        text-align: center;
        width: 30%;
    }
    
    #thumbStrip ul {
        /*position: absolute;*/
        left: 0;
        top: 0;
    }
    
    #thumbStrip ul, #thumbStrip li {
        margin: 0;
        overflow: hidden;
    }
    
    #thumbStrip li {
        float: left;
        margin: 0 0 0 5px;
    }

    div#thumbStrip a.browse {
        border: 0;
        cursor: pointer;
        display: block;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 5%;
    }
    
    .scrollable a.prevPage {
    	width: 7%;
    }
    
    .scrollable a.prevPage {
        float: left;
    }
    
    .scrollable a.nextPage {
        float: right;
    }
    
    


    div#thumbStrip a {
        display: block;
        width:100px;
        height:100px;
        border: #cccccc 2px solid;
        padding: 0px;
        margin: 5px;
        text-align:center;
        vertical-align:middle;
        overflow: hidden;
    }
    
    div#thumbStrip a img {
    	height: 100%;
    }

    div#thumbStrip a.selectedThumb {
        border: 2px ridge #980001;
    }

     div.scrollable {
        /* required settings */
        position:relative;
        overflow:hidden;
        width: 86%;
    }

    /*
        root element for scrollable items. Must be absolutely positioned
        and it should have an extremely large width to accomodate scrollable items.
        it's enough that you set width and height for the root element and
        not for this element.
    */
    div.scrollable .items {
        /* this cannot be too large */
        width:20000em;
        position:absolute;
    }

    /* position and dimensions of the navigator */
/* currently unused, plan to add these back in

#thumbStrip .navi {
    margin-left:328px;
    width:200px;
    height:20px;
}


/* items inside navigator *//*
#thumbStrip .navi a {
    width:8px;
    height:8px;
    float:left;
    margin:3px;
    background:#FFF;
    border: 1px solid #999;
    display:block;
    font-size:1px;
}

/* mouseover state *//*
#thumbStrip .navi a:hover {
    background:#AAA;
}

/* active state (current page state) *//*
#thumbStrip .navi a.active {
    background:#999
}
*/
.disabled { visibility: hidden; }

     
/***************************************/
/******                           ******/
/******   Search Result Images    ******/
/******                           ******/
/***************************************/

     .searchResult .attachedImageSearch {
          float: left;
          height: 60px;
          line-height: 60px;
          width: 60px;
          margin: 0 11px;
          border: 2px #cccccc solid;
     }
          .attachedImageSearch .attachedImageEmbeddedSearch {
               width: 60px;
               display: table-cell;
               vertical-align: middle;
               text-align: center;
          }
               .attachedImageSearch img {
                    vertical-align: middle;
                    max-width: 60px;
               }
               
/***************************************/
/******                           ******/
/******   Recent Uploads          ******/
/******                           ******/
/***************************************/


.recentUploads{
    
}
.recentUploads img{
    padding-left:10px;
    padding-right:10px;
}

/*  Uploading Images */

.uploadedImageContainer{
    border: solid #cccccc 1px;
    clear:none !important;
    float:left;
    height: 135px;
    margin-right:5px;
    text-align:center;
    width: 100px;
}
  
    .uploadedImageContainer .imageBottomLinks{
        padding:0px;
        margin-bottom:0px;
    }
    
    .uploadedImageContainer .imageBottomLinks a{
       display: block;
       margin: 3px;
    }
a.currentCover{
    display:none;
}

/* Avatar Images */ 

img.avatar75{
    max-width:75px;
    max-height:75px;	
}
img.avatar40{
    max-width:40px;
    max-height:40px;    
}
img.avatar25{
    max-width:25px;
    max-height:25px;    
}

div.imageAttach{
    clear:none;
}

/*****************************************************************************************************************
*
* FILE: /webroot/css/jqueryui.css
*
******************************************************************************************************************/
/*
* 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%; }



/*
* 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/?ctl=themeroller
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 10px; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { color: #FFF; font-weight: bold; }
.ui-widget-header a { color: #FFF; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; 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; background: #dadada; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .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 { color: #363636; }
.ui-state-error, .ui-widget-content .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 { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.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); }
.ui-widget-content .ui-icon {background-image: url(../img/icons/jq-ui-icons.png); }
.ui-widget-header .ui-icon {background-image: url(../img/icons/jq-ui-icons.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(../img/icons/jq-ui-icons.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-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; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.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; }
.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; }
.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; }
.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; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-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; */}/* Accordion
----------------------------------*/
.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 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
----------------------------------*/
/* .ui-datepicker { width: 17em; padding: .2em .2em 0; } */
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: 9px; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { background: #F3F3F3; padding: 0; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { background: #F9F9FA; border: 0; padding: 0px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    /*filter: mask();*/ /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.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 { 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 button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
----------------------------------*/
.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: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; 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;}/* Slider
----------------------------------*/
.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; }

.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; }/* 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; }
.ui-tabs .ui-tabs-hide { display: none !important; }



/*****************************************************************************************************************
*
* FILE: /webroot/css/reset.css
*
******************************************************************************************************************/


/*****************************************************************************************************************
*
* FILE: /webroot/css/modules/calendars.css
*
******************************************************************************************************************/
#calendar{
    text-align:center;
}

	#calendar a.otherMonth{
	    font-size:115%;
	    padding-left:10px;
	    padding-right:10px;
	}
	
	#calendar span#calendarMonth{
	    font-size:175%;
	    padding-left:5px;
	    padding-right:5px;
	    font-weight:bold;
	}
	#calendar span#calendarYear{
	    font-size:145%;
	    padding-left:5px;
	    padding-right:5px;
	}

	#calendar td.emptyDay{
	    background-color:#eeeeee;
	}
    #calendar td{
            height:100px;
            width:120px;
            vertical-align:top;
            text-align:left;
            border-top:1px solid #CCCCCC 
    }
    #calendar th{
            background-color:#cccccc;
    }
    
    #calendar td.today{
               border: solid red 1px;    
    }
    
    #calendar a.nextMonth, #calendar a.previousMonth{
        padding-left:10px;
        padding-right:10px;
        text-decoration:underline;
        color:#0022ff;
        
    }

/*****************************************************************************************************************
*
* FILE: /webroot/css/modules/language_contents.css
*
******************************************************************************************************************/
.language ul.languages_mainmenu{
    display:inline;
    margin:0; 
    padding:0;
  }
  
.language ul.languages_mainmenu > li{
    display:block;
    float: left;
    margin: 0px 2px 0px -1px;
    background:#e0e0e0 url(../../img/admin/tab_BG.jpg) repeat-x;
    border: 1px #ccc solid;
    padding: 1px 8px;
  }
  
.language ul.languages_submenu{
    display:inline;
    margin:0;
    padding:0;
    float:right;
  }
.language ul.languages_submenu > li{
    display:inline;
    margin-left:1em;
  }
  
.language li.active{
    /**border-left: 1px dashed #ff0000;    **/
    background: #9e3939 url(../../img/admin/activeLink_BG.jpg) repeat-x !important;
    color: #fff;
  }
  
.language .languages_mainmenu li:hover{
    background: #e0e0e0;
    color: #fff !important;
  }
  
.language div.input{
    float: left;
    clear: none;
    margin-right:1em;
    width:auto !important;
    border: 0 !important;
  }
  
.language form{ width: 100% !important}
  
.language div.separate{
    clear:both;
    height:1px; 
    border-top: 1px solid #ccc !important;
  }
  
.language select{  
    font-size: 100% !important;
    clear:none;
  }
  
.language button{

    margin-right:1em;
    margin-bottom:1em;
  }
  
.language div.submit{
    margin:0!important;
  }
  
 .language textarea{
    height:45px !important;
    width:200px !important;
  }
.language div.msgs{
    margin-bottom:0 !important;
  }
.language div.msgs > div{
    margin-bottom:0 !important;
  }
  
.language fieldset > label{
    line-height: 1.7em !important;
  }
  
.language .buttonbar a{ margin-right:1em;}
.language .buttonbar input{margin-right:1em;}
.language select{margin-right:1em;}
  
/********************/
/**   Admin View   **/
/********************/

.language form {
     background: #fff url(../../img/admin/redStrip.jpg) repeat-x;
     margin: 0px 0px 0px -1px;
     border: #ccc solid;
     border-width: 0px 1px;
     padding-top: 12px;
     width: 99.9% !important;
}

.language fieldset{
     border: 0px;
}

.language fieldset legend{
     display: none;
}

.language table{
     font-size: 8pt;
     line-height: normal;
}

.language th {
     background: #000 url(../../img/admin/darkGrayBar.jpg) repeat-x;
     color: #fff;
     font-weight: normal;
     padding: 3px 4px;
     border-color: #3d3d3d;
     border-bottom-color: #ccc;
}

.language td {
     padding: 6px 8px !important;
}

.language td a {
     color: #a23131;
     font-weight: normal;
     text-decoration: underline;
}

.language td a:hover {
     color: #000;
}

.language .even {
     background: #fbfbfb url(../../img/admin/menuRowOdd_BG.jpg) repeat-x;
}

/*****************************************************************************************************************
*
* FILE: /webroot/css/modules/language_manager.css
*
******************************************************************************************************************/
  ul.languages_mainmenu{
    display:inline;
    margin:0; 
    padding:0;
  }
  
  ul.languages_mainmenu > li{
    display:block;
    float: left;
    margin: 0px 2px 0px -1px;
    background:#e0e0e0 url(../../img/admin/tab_BG.jpg) repeat-x;
    border: 1px #ccc solid;
    padding: 1px 8px;
  }
  
  ul.languages_submenu{
    display:inline;
    margin:0;
    padding:0;
    float:right;
  }

  ul.languages_submenu > li{
    display:inline;
    margin-left:1em;
  }
  
  li.active{
    /**border-left: 1px dashed #ff0000;    **/
    background: #9e3939 url(../../img/admin/activeLink_BG.jpg) repeat-x !important;
    color: #fff;
  }
  
  .languages_mainmenu li:hover{
    background: #e0e0e0;
    color: #fff !important;
  }
  
.language  div.input{
    float: left;
    clear: none;
    margin-right:1em;
    width:auto !important;
    border: 0 !important;
  }
  
  .settings form{ width: 100% !important}
  
  div.separate{
    clear:both;
    height:1px; 
    border-top: 1px solid #ccc !important;
  }
  
  select{  
    font-size: 100% !important;
    clear:none;
  }
  
  button{

    margin-right:1em;
    margin-bottom:1em;
  }
  
  div.submit{
    margin:0!important;
  }
  
  .language textarea{
    height:45px !important;
    width:200px !important;
  }
  div.msgs{
    margin-bottom:0 !important;
  }
  div.msgs > div{
    margin-bottom:0 !important;
  }
  
  fieldset > label{
    line-height: 1.7em !important;
  }
  
  .buttonbar a{ margin-right:1em;}
  .buttonbar input{margin-right:1em;}
  select{margin-right:1em;}
  
/********************/
/**   Admin View   **/
/********************/

#LanguageManager th{
     color: #fff;
     font-weight: normal;
     font-size: 8pt;
     line-height: 22px;
     padding: 11px 0px 0px 0px;
     background: #2a2a2a url(../../img/admin/topTableHeading_BG.jpg) repeat-x;
     border: 0 none;
}

.settings form{margin-right: 0px !important;}

.language .even {
     background: #fbfbfb url(../../img/admin/menuRowOdd_BG.jpg) repeat-x;
}

/*****************************************************************************************************************
*
* FILE: /webroot/css/modules/language_phrases.css
*
******************************************************************************************************************/
  ul.languages_mainmenu{
    display:inline;
    margin:0; 
    padding:0;
  }
  
  ul.languages_mainmenu > li{
    display:block;
    float: left;
    margin: 0px 2px 0px -1px;
    background:#e0e0e0 url(../../img/admin/tab_BG.jpg) repeat-x;
    border: 1px #ccc solid;
    padding: 1px 8px;
  }
  
  ul.languages_submenu{
    display:inline;
    margin:0;
    padding:0;
    float:right;
  }
  ul.languages_submenu > li{
    display:inline;
    margin-left:1em;
  }
  
.language phrases  li.active{
    /**border-left: 1px dashed #ff0000;    **/
    background: #9e3939 url(../../img/admin/activeLink_BG.jpg) repeat-x !important;
    color: #fff;
  }
  
  .languages_mainmenu li:hover{
    background: #e0e0e0;
    color: #fff !important;
  }
  
.language phrases  div.input{
    float: left;
    clear: none;
    margin-right:1em;
    width:auto !important;
    border: 0 !important;
  }
  
.language phrases  form{ width: 100% !important}
  
.language phrases  div.separate{
    clear:both;
    height:1px; 
    border-top: 1px solid #ccc !important;
  }
  
.language phrases  select{  
    font-size: 100% !important;
    clear:none;
  }
  
.language phrases  button{

    margin-right:1em;
    margin-bottom:1em;
  }
  
.language phrases  div.submit{
    margin:0!important;
  }
  
.language phrases  textarea{
    height:45px !important;
    width:200px !important;
  }
.language phrases  div.msgs{
    margin-bottom:0 !important;
  }
.language phrases  div.msgs > div{
    margin-bottom:0 !important;
  }
  
.language phrases  fieldset > label{
    line-height: 1.7em !important;
  }
  
  .buttonbar a{ margin-right:1em;}
  .buttonbar input{margin-right:1em;}
.language phrases   select{margin-right:1em;}

/********************/
/**   Admin View   **/
/********************/

.language phrases  form {
     background: #fff url(../../img/admin/redStrip.jpg) repeat-x;
     margin: 0px 0px 0px -1px;
     border: #ccc solid;
     border-width: 0px 1px;
     padding-top: 12px;
     width: 99.9% !important;
}

/*.input.textarea label{
     font-weight: bold;
     font-size: 12pt;
     letter-spacing: -1px;
     font-family: Trebuchet MS, arial, verdana;
}*/


.language phrases  fieldset{
     border: 0px;
}

.language phrases  fieldset legend{
     display: none;
}

.language phrases td {
     border-top: 1px #ccc solid;
}

.language phrases  table {
     font-size: 8pt;
     line-height: normal;
}

.language phrases  th {
     background: #000 url(../../img/admin/darkGrayBar.jpg) repeat-x;
     color: #fff;
     font-weight: normal;
     padding: 3px 4px;
     border-color: #3d3d3d;
     border-bottom: 1px #ccc solid;
}

.language phrases  td {
     padding: 6px 8px !important;
}

.language phrases  td a {
     color: #a23131;
     font-weight: normal;
     text-decoration: underline;
}

.language phrases  td a:hover {
     color: #000;
}

.language phrases .even {
     background: #fbfbfb url(../../img/admin/menuRowOdd_BG.jpg) repeat-x;
}

/***************************/
/***       Errors        ***/
/***************************/

.language phrases  .error_messages{
     clear: both;
     border: 1px #ccc solid;
     border-bottom: 0px;
     margin-left: -1px;
     background: #fff;
     padding: 2px 0px;
     color: #990000;
     font-weight: bold;
     height: 80px;
     overflow: auto;
}

.language phrases .error_msg{
     padding-left: 12px;
}

/*****************************************************************************************************************
*
* FILE: /webroot/css/modules/manage.css
*
******************************************************************************************************************/
.manage.users h3{
	background-color:#AF0102;
	color:#ffffff;
} 

div#userFilter{
    border:solid 1px #cccccc;    
}

div#userFilter form label{
    float:none;	
}

div#userFilter form div.input{
   	width:200px;
   	float:left;
   	clear:none;
	
}
div#userFilter form div.required{
    color:#444444;
    font-weight:normal;
}
.manage.users div#resultsHeader{
    overflow:hidden;	
    height:30px;
}

#modalContent div#profileImagesThumbstrip{
float:none;
overflow:auto;
width:400px;
    	
}

.manage.users div#resultsHeader div{
	border-left:solid 1px #cccccc;
	height:30px;	
    background-color:#890101;
    color:#ffffff;
	text-align:center !important;
}
.manage.users div#resultsHeader div#resultHeaderFirst{
    border-left:none;
}

.manage.users div.userName{
    width:24%;
    float:left;
}

.manage.users div.userInfo{
    width:50%;
    float:left;
    margin:0pt !important;
    padding:0px 5px;

}

.manage.users div.userActions{
    width:24%;
    float:left;
}

.manage.users div.resultWrapper{
    overflow:hidden;
    height:155px;
}
.manage.users div#resultsContainer div.userName{
    text-align:center;
    border:solid 1px #cccccc;
    border-right:none;
    height:155px;
}

.manage.users div#resultsContainer div.userName div.userNameLink{
    background-color:#dddddd;	
	
}
.manage.users div#resultsContainer div.userInfo{
	text-align:left;
    border:solid 1px #cccccc;
    height:155px;
}

.manage.users div#resultsContainer div.userInfo div{
    padding-top:5px;
    padding-bottom:5px;
}
.manage.users div#resultsContainer div.userActions{
    text-align:left;
   height:155px;
    border:solid 1px #cccccc;
    border-left:none;
}
.manage.users div#resultsContainer div.userActions ul{
    list-style-type:none;
}

.manage.users div.userInfo span.infoLabel {
    font-weight:bold;
}


.manage.users div#userResults div.numResultsForm{
    width:450px;
    float:left;
}
.manage.users div#userResults div.numResultsForm form{
    margin:0pt;
    width:100% !important;
}

.manage.users div#userResults div.paginateLinks{
    width:350px;
    float:right;
    text-align:right;
    
}

.manage.users div#userResults div.resultsBumper{
    overflow:hidden;
    margin:10px;

}

form.usersResultsForm label{    
    display:inline !important;
}
.manage.users div#resultsContainer{
     border-bottom:solid 1px #cccccc;

}

form#ManageUserPermissionGroups label{
    clear:none !important;	
}


/*****************************************************************************************************************
*
* FILE: /webroot/css/modules/media.css
*
******************************************************************************************************************/
#unlikely-selector { display: none; }

/*****************************************************************************************************************
*
* FILE: /webroot/css/modules/menu_items.css
*
******************************************************************************************************************/
#main.menu_items {
	clear: both;
    padding-left: 0px;
    padding-right: 0px;
}
.menu_items #center {
    padding: 0;
}

/***************************************/
/******                           ******/
/******         Menu_Items        ******/
/******                           ******/
/***************************************/

.menuPath{
     float: left;
     padding: 8px 0px 0px 0px;
}

.menuSelect{
     height: 30px;
     float: right;
}

.menu_items .select label{
     clear: both;
     float: left;
}

.menu_items #menuToEdit{
     clear: right;
     width: 200px;
}

.deleteMenuItem{
     margin: 0px;
     padding: 0px;
}

.menuTitleInput {
     width: 220px;
}

.menu_items .text {
     margin: 0px;
     padding: 0px;
}

.menuSelect .submit{
     clear: right;
     float: left;
}

.menuSelect a{
	float: left;
	margin-right: 10px;
}

.menuAddMenu{
     clear: both;
     font-weight: bold;
     float: left;
}

/**************************************/
/****                             *****/
/****     Add, Delete, Preview     ****/
/****                              ****/
/**************************************/

#MenuItemTitle {
     width: 175px;
}

#MenuItemUrl {
     width: 535px;
}

.menuAddButton .submit {
     float: right;
}

.menuitem.confirm_delete p{
     padding: 5px 10px;
     margin: 20px 0px;
     background-color: #e7e7e7;
     border: 1px #d3d3d3 solid;
     line-height: 23px;
}

.menu.preview .menuHeader, .menuitem.confirm_delete .menuHeader{
     margin-top: 20px;
}

.menuitem.confirm_delete .menuSelect {
     width: 400px;
     margin-top: 10px;
     float: left;
}

.menuitem.confirm_delete .menuSelect a{
     float: left;
     margin: 0px 0px 0px 15px;
}


.menuPreviewBack {
     width:80px;
     float:right;
}

/*****************************************************************************************************************
*
* FILE: /webroot/css/modules/page_views.css
*
******************************************************************************************************************/
.forums .view_count{
      float: right;
  width: 21px;
  height: 21px;
  line-height: 21px;
  background: #757575;
  border: 1px #424242 solid;
  color: #fff;
  font-weight: bold;
  text-align: center;
  margin: -37px 5px 0;

}

.forums .listing .view_count{
    margin: 0pt auto;

}

/*****************************************************************************************************************
*
* FILE: /webroot/css/modules/permission_groups.css
*
******************************************************************************************************************/
.moduleGroup{
	background-color:#efefef;
    float:left;
    width:175px;
    padding:5px;
    border: solid 1px #cccccc;
    clear:none !important;
    margin:7px;
}

.moduleGroup div.checkbox{
	display:inline;
    width:30px !important;
    text-align:center;
}

.moduelGroup div.checkbox label{
    overflow:auto;
}

div.permissionGroupBox{
    border: solid 1px #cccccc;
    overflow:auto;
}

div.permissionGroupBox h2{
    background: #890101;
    border-bottom: 1px solid #E4E4E4;
    border-top: 1px solid #F7F7F7;
    color:#ffffff;
}

div#permissionLegend{
    width:300px;
    float:right;
    overflow:hidden;
}
div#permissionTitle{
    width:300px;
    float:left;    
    clear:none !important;
}

div#permissionLegend span{	
    color:#b2b2b2;
    white-space:nowrap;
    margin:5px;   
    min-width:40px;
}

table#userGroups th{
    background-color:#890101;
    color:#ffffff;

}

/*****************************************************************************************************************
*
* FILE: /webroot/css/modules/personal_planner.css
*
******************************************************************************************************************/
.planner .main {width:700px;height:100%;float:left;border: 1px solid #000;padding:10px;}
.planner .rightColumn {width:200px;height:80%;float:left;padding-left:10px;}
.redArrow {color:#FFF;width:200px;height:53px;font-size:20px;background: red -57px 0 no-repeat;padding:15px;float:left;}
.topSection {width:100%;height:53px;}
.actionItems {width:100%;text-align:right;position:relative;padding-top:15px;}
.actionItems span {padding:5px;}
.containerHeader {background: #C2c2c2;height:25px;text-align:center;font-size:18px;	padding-top:5px;color:#950101;}
.editContent {padding-top:5px;padding-left:15px;}
.editContent td {border:0px solid;padding:0px;text-align:left;}
.editContent table {border:0px solid;}
.personal_planner_icon {width:20px;text-align:center;}
#contactForm label {font-size:10px; }
#contactForm div.input {margin:3px;padding:0; }
.contactsTable th {border:0px; border-bottom: 1px solid #000;background:#fff; font-weight:bold;text-align:left;}
.contactsTable td {border:0px solid;height:30px;text-align:left;}
.contactsTable {border:0px solid;margin:0px;padding:0px;background:#fff;table-layout: fixed}
.odd td {background:#DBDBDB}
.pp_pagination{ height:20px; width:700px; text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc;padding:4px;}


/*GOALS*/
.goalsTable th {border:0px; border-bottom: 1px solid #000;background:#fff; font-weight:bold;text-align:left;}
.goalsTable td {border:0px solid;height:30px;text-align:left;}
.goalsTable {border:0px solid;margin:0px;padding:0px;background:#fff;table-layout: fixed}
.goalText {color:#00FF00}

/*TODOS*/
.tasksTable th {border:0px; border-bottom: 1px solid #000;background:#fff; font-weight:bold;text-align:left;}
.tasksTable td {border:0px solid;height:30px;text-align:left;}
.tasksTable {border:0px solid;margin:0px;padding:0px;background:#fff;table-layout: fixed}
.tasksText {color:#00FF00}

/*****************************************************************************************************************
*
* FILE: /webroot/css/modules/planners.css
*
******************************************************************************************************************/


/*****************************************************************************************************************
*
* FILE: /webroot/css/modules/profile.css
*
******************************************************************************************************************/
/***************************************/
/******                           ******/
/******       Profile Fields      ******/
/******                           ******/
/***************************************/

.profile_fields .menuTitle, .profileFieldTitle{
     font-family: Trebuchet MS, arial, verdana;
     font-size: 19px;
     color: #868686;
     padding: 15px 0px 10px 0px;
}

.profile_fields .profileGroupSelect{
     float: right;
}

.profile_fields.admin .input.select label{
     clear: both;
     float: left;
}

.profile_fields .profileFieldSelect td{
     padding: 0px 8px;
}

.profile_fields .profileTitle {
     width: 400px;
     text-align:left !important;
}

.profile_fields .profileFieldSelect img{
     margin: 6px 0px 0px 7px;
}

     
/**************************************/
/****      Add, Delete, Edit       ****/
/**************************************/

.profile_fields .profileFieldQuestion input, .profile_fields #ProfileFieldSettingUnselectedText, .profile_fields #ProfileFieldOptionOptionTitle{
     width: 910px;
}

.profile_fields .profileFieldQuestion, .profile_fields .fieldSettings {
	padding: 5px 10px 1px 10px;
}

.profile_fields .profileFieldQuestion h2.boxTop{
	margin: 5px -10px;
}

.profile_fields .input.text.error{
	background-image: none;
}

.profile_fields h2.boxTop{
     font-size: 100%;
     border-width: 1px 0px 0px;
     clear: both;
}

.profile_fields.admin fieldset{
	padding: 0px;
	border: 0px;
	margin-top: 10px;
}

.profile_fields.admin legend {
	display: none;
}

.profile_fields.admin form{
     margin-right: 0px;
}

.profile_fields .profileFieldsSelectOption, .profile_fields .profile_fields.admin.edit .profileFieldsExample{
     clear: none;
     padding: 13px 0px 0px 15px;
     margin: 2px 2px 6px;
     width: 219px;
     height: 120px;
     float: left;
     background: transparent url(../img/spritesheet.png) no-repeat scroll 0 -6452px
}

.profile_fields.admin.edit .profileFieldsExample {
	float: right;
	margin-top: -83px;
}

.profile_fields .profileFieldsSelectOption label, .profile_fields .profileFieldsSelectOption input{
     margin: 0px;
     padding: 0px;
}

.profile_fields.admin.delete .profileFieldSelect {
     width: 400px;
     margin-top: 10px;
     float: left;
}

.profile_fields .profileFieldAddButton {
     float:right;
}

.profile_fields .profileFieldEdit{
     font-weight: bold;
}

.profile_fields .profileFieldsExample{
     color: #bf0d0d;
     font-weight: bold;
}

.profile_fields #ProfileFieldSettingDateformat{
     width: 200px;
     font-size: 8pt;
}

.profile_fields #ProfileFieldSettingDateformat option{
     font-size: 8pt;
     padding: 2px;
}

.profile_fields .profileFileTypeClassItems input{
     float: left;
     border: 0px;
}

.profile_fields .checkbox{
     float:left;
     clear:right;
}

.profile_fields .profileFieldEdit input[type=checkbox]{
	width: auto;
}

.profile_fields .profileFieldQuestion label{
	display: inline;
}

/************ Example Images **************/

.profile_fields .profileFieldsExample div {
	width: 200px;
	height: 63px;
}

.profile_fields .profileFieldsExample .text {
	background: transparent url(../img/spritesheet.png) no-repeat scroll -249px -6487px;
}

.profile_fields .profileFieldsExample .textarea {
	background: transparent url(../img/spritesheet.png) no-repeat scroll -249px -6597px;
}

.profile_fields .profileFieldsExample .textareawysiwyg {
	background: transparent url(../img/spritesheet.png) no-repeat scroll -498px -6598px;
}

.profile_fields .profileFieldsExample .datetime {
	background: transparent url(../img/spritesheet.png) no-repeat scroll -747px -6536px;
}

.profile_fields .profileFieldsExample .select {
	background: transparent url(../img/spritesheet.png) no-repeat scroll 1px -6595px;
}

.profile_fields .profileFieldsExample .multiselect {
	background: transparent url(../img/spritesheet.png) no-repeat scroll -749px -6595px;
}

.profile_fields .profileFieldsExample .radio {
	background: transparent url(../img/spritesheet.png) no-repeat scroll -501px -6537px;
}

.profile_fields .profileFieldsExample .multicheckbox {
	background: transparent url(../img/spritesheet.png) no-repeat scroll -447px -6435px;
}

.profile_fields .profileFieldsExample .file {
	background: transparent url(../img/spritesheet.png) no-repeat scroll -249px -6535px;
}

.profile_fields .profileFieldsExample .image {
	background: transparent url(../img/spritesheet.png) no-repeat scroll -249px -6535px;
}

.profile_fields .profileFieldsExample .range {
	background: transparent url(../img/spritesheet.png) no-repeat scroll -850px -6448px;
}

.profile_fields .profileFieldsExample .checkbox {
	background: transparent url(../img/spritesheet.png) no-repeat scroll -249px -6435px;
}

/*****************************************************************************************************************
*
* FILE: /webroot/css/modules/users.css
*
******************************************************************************************************************/
#main.users.form {
    padding-left: 0px;
    padding-right: 0px;
}
.users.form #center {
    padding: 0px;
}

/****************************************/
/******       Users Module         ******/
/****************************************/
/************************************************/
/******       Users Index (Desktop)        ******/
/************************************************/

.users.index {}
    
    .users.index .count {
        width: 60%;
    }
    
    .users.index .count {
       background: #AF0102;
       color: #FFF;
       font-size: 14px;
       font-weight: bold;
       margin: 5px 0;
       padding: 3px 5px;
    }
    .users.index .notifications {
       overflow: hidden;
    }
    
       .users.index .notifications .notifications {
           float: left;
           margin: 0 5px 5px 0;
       }
       
       
div#avatarImages{
    
    background-color:#efefef;
    clear:both;   
    min-height:250px;
    padding:5px;
}
div#currentProfileImage{
    
    background-color: #ffffff;
    clear:none;    
    border:solid 1px #CCCCCC;
    float:left;
    height:200px;   
    width:200px;    
}

div#profileImagesThumbstrip{
    
    background-color:#ffffff;
    border:solid 1px #CCCCCC;    
    clear:none;
    float:right;    
    height:225px;
    width:600px;    
    overflow:auto;
}

div.profileImage{   
    clear:none;
    float:left;
    height:100px;
    padding:5px;
    text-align:center;
    width:130px;    
}
    div.profileImage div.imageActions a{
        padding:.2em;
    }
    
    
.users.form div.userEditBox{
    border: solid 1px #cccccc;
    float:left;
    width:300px;
    height: 150px;
    padding:10px;
    margin:20px;
   
}

span.note {
    display: block;
    padding-top: 18px;
    color: #5D5D5D;
    font-style: italic;
}

.landing img {
  float: left;
}

.landing ul {
  clear: none;
  margin: 0;
  float: left;
}


/*****************************************************************************************************************
*
* FILE: /webroot/css/modules/contact_infos/contact_info.css
*
******************************************************************************************************************/
.contact_info .contactRow {
	float:left;
	padding: 10px 0px;
	width:100%;
}

.contact_info .contactRow .input {
    float: left;
    clear: none;
    margin-right:1em;
}

.contact_info .profileCheckbox {
	float: left;
	width: 100%;
}


.contact_info .contactRow.row3 label {
	float: none;
}

/*****************************************************************************************************************
*
* FILE: /webroot/css/modules/pages/landing.css
*
******************************************************************************************************************/
/*jqn*/
#main.landing.index {
    padding-left: 354px;
    padding-right: 0px;
}
.landing.index #center {
    padding: 0;
}

.landing.index #left {
    width: 336px;
    padding: 9px;
    right: 354px;
}

* html .landing #left {
	margin-left: -972px;
}

* html .landing #center {
	left: 156px;
}

* html #main.landing {
	margin-top: 0;
	margin-bottom: 0;
	width: 606px;
	height: auto !important;
	height: 480px;
}


/*************************************************/
/***                Landing Page               ***/
/***  (webroot/css/modules/pages/landing.css)  ***/
/*************************************************/

	.landing.index #topImage {
        padding: 0px !important;
        text-align: center;
	}
	
	  .landing.index #topImage img {
	       width: 100%;
	   }

	.landing #left {
    	width: 290px;          /* left column width */
   	 	right: 300px;          /* left column fullwidth + center column padding */
	}

	.landing .fullWidth{
		margin-left: -300px;  /*left column width*/
	}
	
	.landing #content{
		padding-bottom: 0px !important;
	}

		   
	.landing.index .boxLogin {
        background: #fff url(../img/bg_login.png) repeat-y;
        overflow: hidden;
        padding: 0.75em;
        width: 35%;
        float: left;
        border-right: 1px #d4d4d4 solid;
        min-height: 360px;
	}
	
		.landing.index .boxLogin p {
            color: #595959;
            font: normal normal 17pt 'Century Gothic', Arial, Helvetica, sans-serif;
            margin: 10px 0 0 0;
            padding: 5px 10px 0px 10px;
		}
	
			.landing.index .boxLogin p span {
                font-weight: bold;
			}
	
		.landing.index .boxLogin form {
            float: left;
            font-size: 11px;
            margin: 15px 17px 10px 26px;
            padding: 5px 10px;
            background: #edf6fc;
            border: 2px #d4d4d4 solid;
		}
		
            .landing.index .boxLogin label {
                float: left;
                line-height: 28px;
                padding: 0px 7px;
                font-weight: normal;
		    }

			.landing.index .boxLogin input[type=text], .landing.index .boxLogin input[type=password] {
                clear: none;
                float: left;
                margin: 4px 8px 4px 0px;
                width: 180px;
			}
	
		.landing.index .boxLogin div{
            clear: none;
            float: left;
		}
	
			.landing.index .boxLogin .submit {
                clear: none;
                float: right;
                margin: 0px 15px 0;
			  
			}
	
				.landing.index .submit input{
                    background: #575757 url(../img/spritesheet.png) no-repeat scroll 0 -3700px !important;
                    color: #fff;
                    font-size: 12px !important;
                    border: 1px #000 solid;
                    padding-bottom: 4px;
				}
	
				.landing.index .submit input:hover {
                    background: #575757 url(../img/spritesheet.png) no-repeat scroll 0 -3722px !important;
				}
	
		.landing.index .boxLogin form a {
            clear: left;
            float: left;
            font-size: 11px;
            font-weight: normal !important;
            text-decoration: underline;
            margin-top: 4px;
            width: 114px;
		}
	
		.landing.index .boxLogin a:hover {
            color: #757575;
		}
		
.landing.index {
	margin-top: -10px;
}

.landing h1 {
	margin: 10px auto 40px;
    text-align: center;
    width: 70%;
	font: bold normal 15px 'Century Gothic', Arial, Helvetica, sans-serif;
	
	
}
		
.landing #center img{
	float: left;
	margin: 10px 15px 10px 15px;
}

.landing form div{
	margin-bottom: 0px;
	padding: .2em;
}

.landing ul{
	font-size: 130%;
	line-height: 40px;
	float: right;
	margin-top: 5px;
	letter-spacing: 1px;
	color: #808080;
}

.startProfile {
	text-align: center;
    margin-bottom: 80px;
}

.startProfile b{
	color:#4996cc;
}

.startProfile a{
	display: block;
	width: 81px;
	height:81px;
	background: transparent url(../img/go-button.png) no-repeat;
	margin: 5px auto;
}

.startProfile a:hover {
	background-position: left -82px;
}
.landing h2 {
    font-family: 'Century Gothic',Arial,Helvetica,sans-serif;
font-size: 30px;
font-weight: 700;
font-style: normal;
color: #333333;
}


/*****************************************************************************************************************
*
* FILE: /webroot/css/modules/users/add.css
*
******************************************************************************************************************/
/********************************************/
/******    Users Add (Registration)    ******/
/********************************************/
#main.users.add {
	margin-top: 0;
}

#main.dogs.view {margin-top:0;}

#main.users.add {
    padding-left: 25px;
    padding-right: 175px;
}
.users.add #center {
    padding: 0 15px 0 0;
}
.users.add #right {
    width: 140px;
    padding: 10px 10px 20010px;
    margin-right: -175px;
    margin-bottom: -20000px;
    background: url("../img/layout/bg-right-column.png") repeat-y scroll 0 0 transparent;
}

.user.registration {}
    .user.registration h2 {
        background: #F6F6F6 url(../img/modules/users/addHeader.png) no-repeat left center;
        border: 1px solid #E3E5E4;
        color: #A80204;
        height: 19px;
        line-height: 19px;
        margin: 35px 0 15px;
        padding: 0 0 0 28px;
    }
    #UserAddForm, #DogAddForm, #ContactInfoEditForm, #DogEditForm {
        background: url('../img/dog.jpg') 410px 0 no-repeat;
        margin: 0 0 10px;
        padding: 70px 10px 0;
        width: 80%;
    }
    
    #DogAddForm, #ContactInfoEditForm, #DogEditForm {
        background: url('../img/dog.jpg') 370px 0 no-repeat;
    }
    
    #ciEditForm {
    	margin-top: 10px;
    }
        #UserAddForm .text, #UserAddForm .password {
            overflow: hidden;
        }
            #UserAddForm .text label, #UserAddForm .password label {
                float: left;
            }
            #UserAddForm .text input, #UserAddForm .password input {
                padding: 3px;
                width: 160px;
                float: left;
            }
            #UserAddForm .submit, #ContactInfoEditForm .submit {
                margin: 10px 0;
                float: right;
            }
.step legend span {
	color: #AEAEAE;
	text-transform: uppercase;
	font-size: 20px;
}

.step legend {
	color: #000;
	font-size: 14px;
	float: left;
	*line-height: 24px;
}

.step legend.topLegend {
    *margin-bottom: -20px;
    
}

.step div.info {
	background: url("../img/paw.png") no-repeat scroll right bottom #EDF6FD;
	border: 2px solid #D1D4D6;
	padding: 15px;
	overflow: hidden;
	clear: both;
}

.step div.glass div label {
	font-weight: bold;
}

.step div.glass div input {
	width: 200px;
}

.step div.glass div {
	float: left;
	width: 43%;
	clear: none;
}

#breed, #dlookingTo, #genderRadio, #had, #registrationsSelect, #aboutDog {
	width: 94%;
}

#fullGlass div {
	width: 100%;
}

#had div {
	float: left;
	width: 43%;
	clear: none;
}

#had div input, #had div label {
	float: left;
	clear: none;
	width: auto;
	font-weight: normal;
}

#DogBreedDogBreed, #DogRegistrationDogRegistration {
	height: 100px;
}

.step div.glass {
    background: url("../img/layout/martini-glass.png") no-repeat scroll 0 0 transparent;
    padding-left: 5%;
    overflow:hidden;
    margin-bottom: 8px;
}

fieldset.step {
	border: 0;
	margin: 0 0 15px;
	padding: 0;
	position: relative;
}

img.arrow {
	left:-35px;
	position:absolute;
	top:5px;
}

.req {
	float: right;
}


#DogAddForm p {
    clear: left;
}

#DogAddForm fieldset fieldset legend {
    float: none;
    font-weight: bold;
}

#DogAddForm textarea {
    width: 100% !important;
    height: 75px !important;
}

span.blueNote {
	display: block;
	color: #54A9E6;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 14px;
}

.add #center {
	position: relative;
	margin-top: 20px;
}

.dogs.add h2, .users.add h2 {
	position: absolute;
	top: 20px;
}

a#createProfile, a#startBrowsing {
	float:left;
	height:40px;
	padding-left:5px;
	padding-right:5px;
	padding-top:85px;
	text-align:center;
	width:92px;
}

.or {
	display: block;
	height: 85px;
	line-height: 85px;
	width: 60px;
	text-align: center;
	color: #707070;
	float: left;
	font-weight: bold;
	font-size: 14px;
}

a#createProfile {
	color: #68AAD5;
	background: url('../img/bg-createProfile.png') 0 0 no-repeat;
}

a#startBrowsing {
	color: #646464;
	background: url('../img/bg-startBrowsing.png') 0 0 no-repeat;
}

#modalStep {
	padding: 25px 20px 10px;
}

/*****************************************************************************************************************
*
* FILE: /webroot/css/modules/users/login.css
*
******************************************************************************************************************/
/********************************************/
/******        Users / Login           ******/
/********************************************/

.user.login h2 {
    background:#F6F6F6 url(../img/modules/users/addHeader.png) no-repeat scroll left center;
    border:1px solid #E3E5E4;
    color:#A80204;
    height:19px;
    line-height:19px;
    margin:35px 20px 15px 20px;
    padding:0 0 0 28px;
}

.user.login label {
    color: #444444;
    font-weight:bold;
    text-transform:capitalize;
    }
    
.user.login form div.submit {
  margin-left: 6px;
}

.user.login a {
  background:transparent url(../img/layout/blackButton.png) repeat-x scroll 0 0;
  border:1px outset #292929;
  color:#FFFFFF;
  font-size:0.9em;
  padding: 1px 10px 2px;
  cursor: pointer;
  font-weight: normal;
  font-family: "frutiger linotype","lucida grande","verdana",sans-serif;
  /*margin: 16px 203px 0px 0px;
  float:right;*/
}
    
.user.login a:hover {
  background:transparent url(../img/layout/blackButton.png) repeat-x scroll 0 -22px;
}

/*****************************************************************************************************************
*
* FILE: /webroot/css/modules/users/view.css
*
******************************************************************************************************************/
/**************************************/
/******       Users View         ******/
/**************************************/
.users.view {
    padding-top: 20px;
}
    .userBusinessCard {
        background: #750101 url('../img/modules/users/businessCard.png') no-repeat;
        width: 374px;
        height: 190px;
        color: #fff;
        position: relative;
        float: left;
        margin: 0 10px 10px 0;
    }
        .businessCardName {
            position: absolute;
            top: .2em;
            right: 10px;
            font-size: 1.7em;
        }
        .businessCardUserName {
            position: absolute;
            top: 1.8em;
            right: 10px;
            font-size: 1em;
        }
        .businessCardPhone {
            position: absolute;
            bottom: 2em;
            right: 10px;
            font-size: 1.5em;
        }
        .businessCardEmail {
            position: absolute;
            bottom: 1em;
            right: 10px;
            font-size: 1.2em;
        }
    .albumsLink, .addRelationship {
        font-size: 1.1em;
    }
    .users.view #userWall {
        margin: 10px 0;
        clear: both;
        background: #000;
        color: #fff;
        padding: 10px 25px;
    }
        #userWall a {
            color: #9F0102;
        }
        .currentPost {
            color: #585858;
            margin: 10px;
        }
        #userWall ul {
            list-style: none;
            margin: 0;
        }
            #userWall ul li {
                margin: 10px;
            }
            


/*****************************************************************************************************************
*
* FILE: /home/doggie1/.hit-root/blueocean/app/plugins/dogs/vendors/css/dogs.css
*
******************************************************************************************************************/
.dogs #right, .contact_infos #right, .forums #right {    background: url(../img/layout/bg-right-column.png) repeat-y 0px top;}#main.dogs.view {margin-top:0;
    padding-left: 0px;
    padding-right: 177px;
}
.dogs.view #center {    margin-top: 10px;
    padding: 0;
}
.dogs.view #right {
    width: 140px;
    padding: 10px;
    margin: 0 -177px 0 0;
    min-height: 550px;
}

#main.dogs.view, #main.dogs.search, #main.dogs.add, #main.dogs.index, #main.contact_infos, #main.friends, #main.forums {    margin: 0px;    padding-left: 25px;    padding-right: 221px;}
.dogs.view #center, .dogs.search #center, .dogs.add #center, .dogs.index #center, .contact_infos #center, .friends #center, .forums #center {    padding: 0 15px 0 0;}
.dogs.view #right, .dogs.search #right, .dogs.add #right, .dogs.index #right, .contact_infos #right, .friends #right, .forums #right, .forums #right {  border-left: 1px solid #D4D4D4;  width: 189px;    padding: 8px 8px 20008px 8px;    margin: 0 -221px -20000px 0;}

ll#mainProfile {    border: 1px solid #DEDEDE;    background: #EEEEEE;    overflow: hidden;    padding: 10px;}
#mainProfile ul {    margin-left: 210px;    list-style: none;}
#mainProfile li {    line-height: 30px;}
#otherInfo h3 {	background: url(../img/layout/martini-glass.png) no-repeat 0 0;    padding-left: 23px;    margin: 10px 0 5px;    min-height: 36px;}
#otherInfo h3 span {	display: block;	padding-top: 8px;    border-bottom: 3px solid #D8E9F4;    text-transform: uppercase;}
#otherInfo ul {overflow: hidden;}#otherInfo li {    list-style: none;    width: 46%;    float: left;    margin-left: 0;}
.dogs.view #center li span {font-weight: normal;}
.dogs.view #center li {font-weight: bold;}
#otherInfo p {margin-left: 7px;}
#profilePic {    background: #FFF;    border: 2px solid #D4D4D4;    height: 200px;    width: 200px;    float: left; overflow: hidden; margin-bottom: 8px;}
#profilePic img { max-height: 200px; max-width: 200px; }

.dogs.view #friendRequests a {
	font-weight: normal;
}

.dogs.view #friendRequests a span {
	font-weight: bold;
}

.dogs.view #right .friendsList a {
	
color:#7F7F7F;
font-size:0.95em;
line-height:0.95em;

}

.dogs.view ul.friendsList li {
	clear: left;
}

.jqn .dogs.view #friendRequests, .jqn .dogs.view #pendingRequests, .jqn .dogs.view #buddyRequests {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

.dogs.view #mainProfile {
	padding: 5px 8px 8px;
	background: #EEEEEE;
	border: 1px solid #DADADA;
	overflow: hidden;
}

#bones {
	float: right;
	background:url("../img/bone.png") no-repeat scroll 12px 5px transparent;
	font-weight:bold;
	height:30px;
	position: relative;
	padding-left:10px;
	width:30px;
}

#bones a {
	position:absolute;
	right:0;
	text-align:right;
	text-decoration:underline;
	top:27px;
	width:150px;
}

#myDogs, #myDogs li div.attachedImage {
	border: 1px solid #E2E2E2;
}

#myDogs {
	margin: 0;
	overflow: hidden;
}

#myDogs li div.attachedImage {
	display: block;
	height: 132px;
	width: 132px;
	text-align: center;
	overflow: hidden;
	margin: 0 auto;
}

#myDogs img {
	width: 100%;
}

#myDogs li {
	list-style: none;
	float: left;
	width: 33%;
	text-align: center;
	margin: 10px 0;
	height: 175px;
}

#myDogs li a {
	margin: 0 auto;
	text-decoration: underline;
	font-weight: normal;
}

#pics {
	overflow: hidden;
	float: left;
}

#galleryLink {
	margin: 8px 0;
	clear: left;
}

#galleryLink a {
	background: url('../img/bg-galleryLink.png') 0 0 repeat-x;
	color: #5B6FA4;
	padding: 3px 5px;
	border: 1px solid #A7CEEA;
}

#bark, #mainProfile .modalLink {
	float: right;
	margin-right: 25px;
	text-decoration: underline;
}

#dogSearch {
    margin: 0 auto;
    width: 1000px;
    font-weight: bold;
}

#dogSearch #ContactInfoState {
    width: 75px;
}

#dogSearch #ContactInfoState {
    width: 100px;
}

#dogSearch #DogLookingTos {
    width: 150px;
}

#dogSearch #DogBreed {
    width: 175px;
}


#dogSearch select, #dogSearch input {
    margin: 0 10px 0 0;
    padding: 0;
    height: 20px;
}

#dogSearch .submit {
    clear: none;
    float: right;
    margin: 0;
    padding: 3px 5px;
}

#genderRadio fieldset {border: 0; margin: 0; padding: 0;}
#genderRadio input {
	width: auto;
	float: left;
	clear: none;
}

#genderRadio label {
	float: left;
	font-weight: normal;
}

label span {
	font-weight: normal;
	color: #848589;
	font-style: italic;
}

#dogSearch div.submit input, #dogSearch div.submit input:hover {
	background:url("../img/spritesheet.png") repeat-x scroll -247px 2px transparent;
	border:1px outset #636363;
	color:#FFFFFF;
	cursor:pointer;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	height:20px;
	margin: 0;
	text-indent:-9999px;
	width:20px;
}

#dogSearch div.submit input:hover {
	border:1px inset #636363;
}

#dogSearch .submit {
	background:none repeat scroll 0 0 #FFFFFF;
	clear:none;
	float:right;
	margin:0;
	padding:0;
}

#main.landing.index {
	margin-top: 0;
}

#dogSearch #DogBreed, #dogSearch #DogLookingTos, #dogSearch #ContactInfoState  {
	height: 22px !important;
}

#dogSearch input, #dogSearch select {
	position: absolute;
	top: 3px;
}

#dogSearch #DogName { left: 125px; }
#dogSearch #DogBreed { left: 282px; }
#dogSearch #DogLookingTos { left: 467px; }
#dogSearch #ContactInfoCity  { left: 629px; }
#dogSearch #ContactInfoState  { left: 785px; }

#dogSearch {
	position: relative;
	width: 960px;
	padding: 0 18px;
	margin: 0 auto;
}

#dogSearch div.submit {
	top: 3px;
	position: absolute;
	right: 80px;
	height: 20px;
	width: 20px;
}

#dogSearch div.submit input {top: 0px;}

#dogSearch span {
	float: left;
	margin-right: 10px;
	display: block;
	line-height: 21px;
	margin-top: 3px;
}

#boneThrownList {
	list-style: none;
}

#boneThrownList div.dogAvatar {
	height: 35px;
	width: 35px;
	padding: 1px;
	border: 1px solid #CDD2D5;
	overflow: hidden;
	display: block;
	float: left;
	margin-top: 3px;
}

#boneThrownList img {
	width: 100%;
}

#boneThrownList {
	margin: 8px;
}

#boneThrownList li {
	margin: 0 0 16px;
}

#boneThrownList li span.firstLine {
	background: url('../img/bone.png') no-repeat 0 0;
	padding-left: 28px;
	height: 24px;
	display: block;
	line-height: 24px;
	margin: 1px 1px 1px 41px;
}

#boneThrownList .thrower {
	color: #000;
	text-transform: capitalize;
}

#boneThrownList .accept {
	display: block;
	margin-left: 48px;
	font-weight: normal;
	text-decoration: underline;
}

#modalWindow #nopadding {
	padding: 0;
}

span.boneAccepted {
	height: 40px;
	line-height: 40px;
}

.index #right #bones {
	float: left;
	position: static;
}

#modalWindow #nopadding {
	max-height: 400px;
	overflow: auto;
}

.requestLink, .requestLink2 {
	clear:none;
	float:left;
	margin-top:-5px;
	margin-bottom: 10px;
	padding:0 10px;
	width:60%;
}

#relationshipCounts {
	float:left;
}

#right h3 {
	padding-bottom:5px;
	
}

.uploadedImageContainer {
	height:180px;
	width: 31% !important;
}


#DogLookingToDogLookingTo {
	height: 90px;
}

#buddyRequests .request span.firstLine {
	
	height: 24px;
	display: block;
	line-height: 24px;
	margin: 1px 1px 1px 41px;
}

#buddyRequests .request span.firstLine a {
	color: #000;
}

#buddyRequests div.dogAvatar {
	height: 35px;
	width: 35px;
	padding: 1px;
	border: 1px solid #CDD2D5;
	overflow: hidden;
	display: block;
	float: left;
	margin-top: 3px;
	margin-right: 3px;
}

#buddyRequests img {
	width: 100%;
}

#modalWindow #buddyRequests {
	max-height: 400px;
	overflow: auto;
}

.index #relationshipCounts, .index #messageCounts {
	margin: 16px 3px 8px 10px;
	clear: left;
}

.index .requestLink, .index .requestLink2 {
	margin-top: 14px;
}

.index #messageCounts {
	margin-top: 6px;
}

.landing #center ul li {
    list-style: disc inside none;
}

#boneText {
display:block;
float:left;
height:30px;
line-height:30px;
text-indent:12px;
}

a#boneText {
display:block;
float:left;
height:30px;
line-height:15px;
padding-left:12px;
width:120px;
text-indent: 0;
}

.delete #DogAddForm, .delete #UserAddForm, .form #UserAddForm, .numResultsForm #UserAddForm {
    background: transparent;
}

/*****************************************************************************************************************
*
* FILE: /home/doggie1/.hit-root/blueocean/app/plugins/forums/vendors/css/forums.css
*
******************************************************************************************************************/
/***************************************/
/****           Forums              ****/
/***************************************/
/* TODO just a temp, run generator again with border on right
#main.forums {
    padding-left: 0px;
    padding-right: 247px;
}

.forums #right {
    width: 220px;
    padding: 5px;
    margin-right: -247px;
}
 */
.forums #UserLoginForm a{
	color: #fff;
}

.forums.forum_posts.index, .forums.announcements.index {
	margin-top: 1em;
}

.forums h2{
  margin-top: 20px;
}

.forums #paging{
	border: #d8d8d8 solid;
	border-width: 1px 0px;
}

.continue a, .quotePost a, .forum_order a, .forum_ann_actions a {
  color: #4996CC;
  font-weight: normal;
  text-decoration: underline;
}

.continue a:hover, .quotePost a:hover, .forum_order a:hover, .forum_ann_actions a:hover {
  color: #3e3e3e;
}

.forums .textarea, .forums .input input {
	width: 95%;
}

.forums textarea {
	width: 100%;
}

.forums .submit { float: right; margin-right: 22px !important;}

.forums a.cancel {float: left; color: #4996CC;}

#forum_postsPosts a.cancel {margin-top: 0;}

.page_display {
  color: #939393;
  font-size: 95%;
  margin: .5em 0;
  padding: 0px;
}

.forum_order{
  margin: 0px 0px 6px 0px;
}

.forums .box {
  padding: 5px;
  margin-bottom: 20px;
}

.listing a:hover, .announcement a:hover{
  color: #ce1010 !important;
  text-decoration: underline;
}

.forums h2.boxTop {
  clear: both;
  padding: 2px 6px;
  border-bottom: 0px;
}

.listing, .subTopicListing{
  border-bottom: 1px #ccc dotted;
  padding: 2px 0px 4px 0px;
  margin-bottom: 5px;
  overflow: hidden;
}

.listing p, .subTopicListing p{
  float: left;
  width: 68%;
  margin: 0px;
  padding: 0px;
}

.threadIcon, .subTopicIcon{
	display: block;
	float: left;
	width: 24px;
	margin-top: 3px;
	text-indent: -9999px;	
}

.threadIcon{
	background: transparent url('../img/spritesheet.png') no-repeat scroll -500px -400px;
}

.subTopicIcon{
	background: transparent url('../img/spritesheet.png') no-repeat scroll -450px -400px;
}

.postData_titles{
  float:right;
  color: #d5d5d5;
  font-size: 95%;
  margin: -26px 0px 0px 0px;
  padding-right: 5px;
}

.forums.view .postData_titles, .postData_titles.allSubTopics{
  margin-top: -20px;
}

.postData{
  float:right;
  text-align: right;
  margin-right: 4px;
}

.post_count, .thread_count, .post_count_large{
  background: url("../img/spritesheet.png") repeat-x scroll 0 -200px transparent;
  border: 1px #7DB1D9 solid;
  color: #41759D;
  font-weight: bold;
  text-align: center;
  margin: 0px 5px;
}

.post_count, .thread_count{
  float: left;
  width: 21px;
  height: 21px;
  line-height: 21px;
}

.post_count_large{
  float: left;
  width: 26px;
  height: 26px;
  line-height: 24px;
  font-size: 110%;
}

.post_count_title_large{
  clear: right;
  font-size: 16pt;
  font-weight: bold;
  line-height: 27px;
  border-bottom: 2px #d8d8d8 solid;
  padding-bottom: 10px;
}

.last_post{
  float: left;
  font-size: 95%;
  line-height: 21px;
}

.time{
  color: #4996CC;
}

.continue {
  padding: 5px;
}

.forums.index .submit, .forums.view .submit{
  margin: 3px 0px 20px 0px !important;
}

.forums .submit input{
  margin-right: 0px;
}

/***************************/
/**     Posts Specific    **/
/***************************/

.forumthread_title{
  border-bottom: 1px #ccc dotted;
  padding: 8px 0px 4px 0px;
  font-size: 145%;
  font-weight: bold;
  margin-bottom: 8px;
}

.forumpost_text{
	border-top: 1px dotted #CCCCCC;
	clear: both;
  margin: 8px 0px 20px 0px;
  padding: 10px 8px;
}

.quotePost a{
  float: left;
}

.quotePost{
	clear: both;
	width: 170px;
	float: right;
	margin: -25px 16px 0px 0px;
}

.rightQuote, .leftQuote{
	display: block;
	text-indent: -9999px;
	width: 20px;
}

.rightQuote{
	background: transparent url(../img/spritesheet.png) no-repeat scroll -600px -400px;
	float: right;
}

.leftQuote{
	background: transparent url(../img/spritesheet.png) no-repeat scroll -550px -400px;
	float: left;
}

.forums #initial{
  background: #f2f2f2 url(/forums/img/initialBG.jpg) repeat-x;
  margin: 10px 0px 20px 0px;

}

#initial .post_count{
  margin-top: -37px;
}

#initial .postData_titles{
  color: #8b8b8b;
}

.edit_post, .delete_post{
  float:right;
  margin-top: -8px;
}

.edit_post a, .delete_post a{
  display: block;
  height: 16px;
  padding-right: 20px;
  margin-left: 10px;
  float: left;
  text-align: right;
  font-weight: normal;
  font-size: 8pt;
  color: #b5b5b5;
}

.edit_post a{
    background: transparent url(../img/spritesheet.png) no-repeat scroll -680px -400px;
}

.delete_post a{
    background: transparent url(../img/spritesheet.png) no-repeat scroll -617px -400px;
}

.edit_post a:hover, .delete_post a:hover{
  color: #2f2f2f !important;
}

.edit_post a:hover{
    background: transparent url(../img/spritesheet.png) no-repeat scroll -680px -416px;
}

.delete_post a:hover{
    background: transparent url(../img/spritesheet.png) no-repeat scroll -617px -416px;
}

.postWrapper{
  clear: both;
  border: 1px solid #E7E7E7;
  margin: -1px 0 30px;
  padding-top: 8px;
  background: #F6F6F6;
}

.forumpost_title{
  color: #909090;
  font-weight: bold;
  font-size: 120%;
border-bottom: 1px dotted #CCC;
  margin-bottom: 8px;
  padding: 0 5px;
}

.forumpost_image{
  margin: 14px 20px 0px 20px;
}

.userInfo{
  float:left;
  text-align:center;
  margin: -8px 0 1px;
  width: 130px;
}

.forumpost_username{
  color: #909090;
  font-weight: bold;
}

#initial .rating-text, .postWrapper .rating-text{
  display: none;
}

.userInfo a.rating-user, .userInfo a.rating-empty{
  border: 0;
}

.forums .userInfo .ratings.tendril{
	width: 65px;
	margin: auto;
}

.forum_posts .clear{
  clear:both;
  margin: 0 25px 15px 0;
}

.forums.add #center {
	margin-top: 0;
}

.bbquote{
	font-style: italic;
	color: #5b5b5b;
	width: 93%;
	background: #F9F9F9;
	margin: -4px 0px 4px 0px;
	padding: 4px 8px;
	border: 1px #ccc solid;
	border-left: 5px #BADBF1 solid;
}

.bbquote .bbquote{
	margin: 3px 0px;
	width: 91%;
	background: #f0f0f0;
	color: #7e7e7e;
	border: 1px #e5e5e5 solid;
	border-left: 3px #e5e5e5 solid;
}

/************************************/
/***        Add/Edit/Delete       ***/
/************************************/

.forums .addEdit .input.checkbox.required label{
  float: left;
  display: inline;
}

.forums .addEdit .input.checkbox.required input{
  border: 0px;
}

.addEdit.form a{
  color: #3e3e3e;
  font-weight: bold;
  text-decoration: none;
}

.forums.confirm_delete .box{
  margin-top: 10px;
}

/************************************/
/****        Announcements      *****/
/************************************/

.forums.announcements .box{
  background: #f2f2f2 url(/forums/img/initialBG.jpg) repeat-x scroll left -40px;
  min-height: 35px;
  height: auto !important;
  height: 35px;
}

.forum_ann_actions {
  float: right;
}

.forum_ann_actions a{
  padding: 0 3px;
  font-size: 95%;
}

.forum_announcement{
  border: 1px #ccc solid;
  background: #e2e2e2;
  margin-bottom: 5px;
}

.differentAnnouncement{
  border-top: 2px #ccc solid;
  font-weight: bold;
}

.forums.announcements label{
	width: 500px;
}

/*******************************/
/***        Overloads        ***/
/*******************************/

.forums .sidebar{
  float: right;
  width: 24%;
  padding: 0 1% 1% 1%;
  margin: 1% 0 0;
}

.forums .tagView{
	background: #f3f3f3;
	padding:5px; 
	height: 19px;
	margin: 0px -5px 8px;
}

/************************************************/
/***              Move to Core                ***/
/************************************************/

.forums.announcements.view h2.boxTop{
  margin-top: 20px;
}

.submit a{
	padding: 2px 10px;
}

/************************************************/
/***  IE6 hack that will be moved to IE6 css  ***/
/************************************************/

* html .listing{height:22px}

/*****************************************************************************************************************
*
* FILE: /home/doggie1/.hit-root/blueocean/app/plugins/messages/vendors/css/messages.css
*
******************************************************************************************************************/
#main.messages {
	clear: both;
    margin: 0px;
    padding-left: 188px;
    padding-right: 15px;
}
.messages #center {
    padding: 0px 0px 10px 15px;
}

.messages #left {
	background: #f2f2f2;
    width: 165px;
    padding: 10px 10px 20010px 10px;
    margin: 0px 0px -20000px -100%;
    border-right: 3px solid #C0C0C0;
    right: 203px;
}

/***************************************/
/******                           ******/
/******  Filter and Folders List  ******/
/******                           ******/
/***************************************/

#main.messages.index, #main.messages.add, #main.messages.view, #main.messages.edit, #main.messages.new{
	min-height: 600px;
	height: auto !important;
	height: 600px;
	position: relative;
	margin-bottom: -20px;
}
.messages.index h2 {
	margin-top: 10px;
}
.messages h2{
	color: #838383;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	margin: 0 0px 10px;
	font-size: 130%;
}

.messages.index h2{
	float: left;
}

.messages h2 span{
	font-size: 90%;
}

/************* Left Column **************/

.messages .left {
     width: 20%;
     
     border-right: 3px #c0c0c0 solid;
     padding: 5px 1px 25px 0px;
     position: absolute;
     top: 0px;
     bottom: 0px;
     left: 0px;
}

.newMessage, .newFolder{
	margin: 5px 2px 5px 3px;
}

.newMessage a, .newFolder a{
	display: block;
	padding: 7px;
	background: #F8F8F8;
	border: 1px #e4e4e4 solid;
}

.newMessage a:hover, .newFolder a:hover{
	background: #ededed;
	border-color: #dcdcdc;
}

.messages .left ul li{	
	list-style: none;
	margin: 10px 0px;
	border: #c0c0c0 solid;
	border-width: 4px 0;	
}



.messages .left ul a, .messageLinks.box a, .messagesCount{
	color: #fff;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 110%;
	display: block;
}

.messagesCount{
	float: right;
	margin: 5px 7px;
	font-size: 100%;
}

.messages .left ul a {
	background: transparent url(../img/spritesheet.png) no-repeat scroll 0 -6150px;
	padding: 3px 5px 3px 30px;
	margin: 1px 0;
}

.messages .left ul a:hover{
	background: transparent url(../img/spritesheet.png) no-repeat scroll 0 -330px;
}

.messages .left ul{
	margin: 0px;
}

.inboxIcon{
	background: transparent url(../img/spritesheet.png) no-repeat scroll -100px -400px;
}

.sentIcon{
	background: transparent url(../img/spritesheet.png) no-repeat scroll -150px -400px;
}

.customFolderIcon{
	background: transparent url(../img/spritesheet.png) no-repeat scroll -200px -400px;
}	

.inboxIcon, .sentIcon, .customFolderIcon, .newMessageIcon, .newFolderIcon, .deleteMessageIcon, .moveFolderIcon, .renameFolderIcon{
	display: block;
	float: left;
	margin: 6px 0px -20px 5px;
	text-indent: -9999px;
	width: 24px;
}

.newMessageIcon, .newFolderIcon{
	width: 42px;
	height: 26px;
	margin-top: 3px;
}

/************* Main **************/

.newMessageIcon {
	background: transparent url(../img/spritesheet.png) no-repeat scroll 0 -400px;
}

.newFolderIcon{
	background: transparent url(../img/spritesheet.png) no-repeat scroll 0 -1050px;
}

.messages .main {
	width: 75%;
    overflow: auto;
    float: none;
    margin-left: 23%;
    padding-bottom: 20px;
}

.messageTopIcons {
	float: right;
	margin-top: 22px;
	text-align: right;
}

.messageLinks.box{
	height: 22px;
	margin: 2px 0px;
	padding: 3px;
	clear: both;
	float: none;
}

.messageLinks input{
	font-family: 'Trebuchet MS',Helvetica,sans-serif;
}

.newMessageIcon2, .newFolderIcon2{
	display: block;
	width: 35px;
	height: 20px;
	float: left;
}

.newMessageIcon2{
	background: transparent url(../img/spritesheet.png) no-repeat scroll -50px -400px;
}

.newFolderIcon2{
	background: transparent url(../img/spritesheet.png) no-repeat scroll -50px -1050px;
	margin-top: 2px;
}

.messageReply .inboxIcon {
	margin-top: 3px;
}

.deleteMessageIcon {
	background: transparent url(../img/spritesheet.png) no-repeat scroll -400px -400px;
	position: relative;
	height: 14px;
}

.moveFolderIcon {
	background: transparent url(../img/spritesheet.png) no-repeat scroll -250px -400px;
	margin-top: 5px;
	position: relative;
	width: 30px;
	height: 15px;
}

.renameFolderIcon {
	background: transparent url(../img/spritesheet.png) no-repeat scroll -200px -400px;
	margin-top: 5px;
	position: relative;
	width: 25px;
	height: 15px;
}

.actionsContainer{
	float: left;
}

.messages-table th{
	display: none;
}

.messages-table {
	padding: 3px;
	border-collapse: separate;
	margin-bottom: 0px;
}

.messages-table td{
	border: 0px;
	vertical-align: middle;
}

.messages table{
	font-size: 90%;
}

.messageReply, .deleteMessage, .moveFolder, .renameFolder, .deleteFolder {
	float: left;
}

.messageReply a, .deleteMessage .submit input, .moveFolder .submit input, .deleteFolder a, .renameFolder a {
	background: transparent url(../img/spritesheet.png) no-repeat scroll 0 -327px;
	padding: 0px 5px 2px 33px;
	border: 1px #000 solid;	
}

.messageReply a{
	padding: 1px 5px 1px 30px;
}

.deleteMessage .submit input{
	padding-left: 16px;
}

.deleteFolder a{
	padding-left: 20px;
}

.renameFolder, .deleteMessage {
	margin-right: 6px;
}

.moveFolder .submit, .moveFolder select, .username{
	float: left;
}

.moveFolder select{
	margin-right: 5px;
	height: 22px;
}

.messages.index .submit, .messages.index form div, .messages.view .submit, .messages.view form div{
	clear: none;
}

.messageLinks div{
	margin-bottom: 0;
}

.messageReply a:hover, .deleteMessage .submit input:hover, .moveFolder .submit input:hover, .deleteFolder a:hover, .renameFolder a:hover {
	background: transparent url(../img/spritesheet.png) no-repeat scroll 0 -6150px;	
	border: 1px #000 solid;
}

.deleteMessage{
	clear: none;
}

.messaging-message {
	display:inherit;
	clear:none;
}

messages .username{
	float: left;
}

.subject {
	background: #a4a4a4;
	border: 1px #747474 solid;
	padding: 3px;
	margin-bottom: 2px;
	font-size: 120%;
	color: #fff;
	font-weight: bold;
}

.messages.index table{
	line-height: normal;
}

.messages.index table a{
	font-weight: normal;
}

.messages.index .contactInfoName, .indexSubject{
	color: #9d9d9d;
}

.read, .read a{
	font-weight: bold !important;
}

.when .read, .when .date, .read .contactInfoName, .read .indexSubject{
	color: #3f3f3f !important;
}

.messages .when{
	width: 110px;
}

.messages .when span, .messages .when{
	float: right;
}

.messages .smallThumb{
	float: left;
	margin-right: 10px;
}

.messageInfo{
	margin-bottom: 6px;
	border: 0px;
}

.readMessage{
	padding: 6px;
}

br.clear{
	clear:both;
}

/************* Add **************/

.messages .boxFill{
	padding: 8px;
}

.messages.add .input input{
	width: 95%;
}

.messages.add .textarea {
	width: 100%;
}

.messages.add textarea{
	width: 95% !important;
}

.messages.add #MessageTo{
	height: 21px !important;
}

.messages.new form{
	width: 80%;
}

.messages.add .submit {
	float: right;
}

/************* Messages Paging **************/

.messagePaging{
	width: 57px;
	float: right;
	clear: none;
}

.nextPage, .prevPage {
	background: transparent url(../img/spritesheet.png) no-repeat scroll 0 -327px;
	width: 22px;
	height: 21px;
	float: left;
	margin-left: 6px;
	clear: none;
}

.nextPage a, .prevPage a, .prevPage .disabled, .nextPage .disabled {
	/*display: block;*/
	width: 21px;
	height: 20px;
	border: 1px #000 solid;	
}

.nextPage a{
	background: transparent url(../img/spritesheet.png) no-repeat scroll -342px -394px;
}

.prevPage a{
	background: transparent url(../img/spritesheet.png) no-repeat scroll -294px -394px;
}

.nextPage:hover, .prevPage:hover{
	background: transparent url(../img/spritesheet.png) no-repeat scroll 0 -6150px;
}

.nextPage .disabled {
	background: #ebebeb url(../img/spritesheet.png) no-repeat scroll -342px -394px;
}

.prevPage .disabled {
	background: #e6e6e6 url(../img/spritesheet.png) no-repeat scroll -294px -394px;
}

.messagePaging .disabled{
	visibility: visible;
	border: 1px #c0c0c0 solid;
}

#left li.folder, #left li.current-folder {
	border-top: 5px solid #B9CBD9;
	border-bottom: 5px solid #B9CBD9;
	margin: 0 0 5px 0;
}


#left li.current-folder {
	border-top: 5px solid #7DB1D9;
	border-bottom: 5px solid #7DB1D9;
}

li.folder a, li.current-folder a {
	color: #FFF;
	display: block;
	text-indent: 30px;
	background: url("../img/spritesheet.png") no-repeat scroll 0 -327px transparent;
	padding: 3px 5px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	font-size: 14px;
}


li.folder span.inboxIcon, li.folder span.sentIcon, li span.customFolderIcon {
	margin: 3px 0 -20px 3px;
}

ul.folders {
	border: 2px solid #C6C6C6;
	background: #FFF;
	padding: 5px 0 0;
}

.messageInfo .smallThumb img, .thumbTo img {
	width: 100%;
}

.messageInfo .smallThumb, .thumbTo {
	height: 35px;
	width: 35px;
	overflow: hidden;
}

.thumbTo {
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #C9C9C9;
	padding: 1px;
	margin-bottom: 0;
	margin-right: 3px;
}

.toName {
	font-weight: bold;
}

.thumbTo, .toName {
	float: left;
	clear: none;
}

.toName span {
	display: block;
	font-weight: normal;
}

#MessageTo {
	float: left;
}

/*****************************************************************************************************************
*
* FILE: /home/doggie1/.hit-root/blueocean/app/plugins/relationships/vendors/css/relationships.css
*
******************************************************************************************************************/
/***************************************
    CHAT
***************************************/

.friends #myDogs {
	border: 0;
}

#myFriendsList {
    color: #CC0200;
    background: #BDBDBD;
    position: fixed;
    left: 445px;
    bottom: 24px;
    width: 100px;
    margin: 0;
    list-style-position: inside;
}

#removeChat, #clearAlerts, #clearPlaylist {
    display: none;
}

#jqContextMenu { bottom: 10px !important; } 

.bochat {
    background: #BDBDBD;
    position: fixed;
    left: 445px;
    bottom: 24px;
    width: 225px;
    height: 240px;
}

.chatdock {
    display: none;
}

.ui-draggable .chatdock {
    cursor: pointer;
}

.ui-draggable {
    cursor: move;
}

.ui-draggable object {
    cursor: auto;
}

.chatclose, .chatdrag {
    cursor: pointer;
    position: relative;
    z-index: 800000000;
}

.otherUser {
    font-weight: bold;
}

.newMsg {
    background: yellow;
}

#chatList {
    left: 100px;
    position: absolute;
    top: 0;
    width: 400px;
}

#chatList li {
    display: block;
    float: left;
    margin: 0;
    padding: 0 10px 0 0;
}

.wayLeft {
    left: -9999px !important;
}

/*****************************************************************************************************************
*
* FILE: /home/doggie1/.hit-root/blueocean/app/plugins/contact_info/vendors/css/tendrils/contact_info.css
*
******************************************************************************************************************/
/***************************************/
/******                           ******/
/******       Contact Info       ******/
/******                           ******/
/***************************************/

    #contactInfo .boxHead {
        background:url('../img/layout/boxFlag.gif');
        height: 22px;
        margin: 0;
        padding: 27px 0 0 35px;
        color: #fff;
    }
    
    #contactInfo .boxMain {
        overflow:auto;
        width:auto;
        padding: 7px 15px;
    }
    
    #contactInfo .boxMain img {
        margin-top:5px;
    }
    
        #contactInfo .boxMain dl {
            width:65%;
            float:left;
            border-right:solid #cccccc 1px;
            padding-right:2px;
        }
        #contactInfo .boxMain dl dd {
            margin-left:5.5em;
        }
        #contactInfo .boxMain a {            
            float:right;
            clear:right;
            width:70px;
            margin-top:25px;
            margin-right: 8px;    
            text-align:center; 
                  
        }
        #contactInfo .boxMain a img {            
            overflow:auto;       
            clear:right;
        }
    
        /*#contactInfo .boxMain .contactMethod {
            text-align: center;
        }
            #contactInfo .boxMain .contactMethod a {
                text-decoration: underline;
            }
        #contactInfo dt {
            padding-left: 15px;
        }
        #contactInfo dd {
            text-align: right;
            padding-right: 15px;
        }*/
 
/*Classifieds Edit */


   

/* Profile Info upon editing */

#contactInfo div#profileInfo{
    width:350px;
    float:left;
    clear:right;;
    
}

#contactInfo div.profileCheckbox{
    float:left;
    width:200px;
    clear:none;
}

#contactInfo div.contactRow{
    clear:both; 
}

/* Contact Info Fields */

#contactInfo div.contactRow div.input{
    float:left;
    clear:none;
}

/********************************************/
/******         Contact_Infos TODO  EDIT VIEW from kroberts       ******/
/********************************************/

#contactInfo input { width:95%;}

#contactInfo select {
    border:1px solid #939393;
}
    
#contactInfo label {
    color:#3e3e3e;
    font-weight:bold;
    text-transform:capitalize;
    }



#contactInfo .contactInfoRow {
    clear:both;
}

#contactInfo .input {
    width:39%;
}

    #contactInfo div.input {
        clear:none;
        float:left;
    }

#contactInfo form div.submit{
  margin-left: 6px;
  float: left;
}

#contactInfo .submit input{
  width: 80px;
}

#contactInfo form a {
  background:transparent url(../../../img/layout/blackButton.png) repeat-x scroll 0 0;
  border:1px outset #292929;
  color:#FFFFFF;
  font-size:0.9em;
  padding: 1px 10px 2px;
  cursor: pointer;
  font-weight: normal;
  font-family: "frutiger linotype","lucida grande","verdana",sans-serif;
  margin: 16px 203px 0px 0px;
  float:right;
}
    
#contactInfo form a:hover {
  background:transparent url(../../../img/layout/blackButton.png) repeat-x scroll 0 -22px;
}


/*****************************************************************************************************************
*
* FILE: /home/doggie1/.hit-root/blueocean/app/plugins/relationships/vendors/css/tendrils/relationship.css
*
******************************************************************************************************************/
ul#inviteFriends{
    list-style-type:none;
}

	ul#inviteFriends input[type="checkbox"]{
	    float:none;
	}
	
	ul.friendsList img {
		height: 20px;
		width: 20px;
		padding: 1px;
		background: #FFF;
		border: #ADADAD;
	}
	
	ul.friendsList li {
		margin: 4px 0;
	}
	
	ul.friendsList li div.attachedImage {
		float: left;
		margin: 0 3px 0 0;
	}
	
	#frHeader, #pfHeader {
		float:right;
		cursor: pointer;
		margin-right: 25px;
		text-decoration:underline;
		color:#4996CC;
		font-weight:bold;
	}
	
	#frHeader {
		margin-right: 0;
	}
	
	#budRequest {
		text-decoration:underline;
	}

	#relationshipCounts, #messageCounts {
		background:url("../img/spritesheet2.png") repeat-x scroll 1px -1654px #FFFFFF;
		color:#FFFFFF;
		font-size:14px;
		font-weight:bold;
		height:19px;
		padding:5px;
		text-align:center;
		width:20px;
		float: left;
	}

/*****************************************************************************************************************
*
* FILE: /home/doggie1/.hit-root/blueocean/app/plugins/search/vendors/css/tendrils/search.css
*
******************************************************************************************************************/
/***************************************/
/******                           ******/
/******     Search Components     ******/
/******                           ******/
/***************************************/

/* Header Search */
#siteSearch {
     position: absolute;
     top: 35%;
     right: 0;
}
    #siteSearch div {
        float: left;
        clear: none;
        margin: 0;
        padding: 0;
        color: #808080;
    }
        #siteSearch label {
            display: none;
        }
        
            #siteSearch .submit input {
                background: #fff url('../search/img/bg_searchSubmit.gif') no-repeat center center;
                height: 21px;
                margin-left: 3px;
                width: 21px;
                overflow: hidden;
                font-size: 0;
                color: #fff;
                padding: 0;
                border: 1px solid #939393;
                cursor:pointer;
            }

/*****************/
/* Banner Search */
/*****************/

.secondaryHeader {
    margin-bottom: 0;
}
    #siteSearchBar {
        /*background: #363636;*/
         background: #eeeeee url(../img/layout/bg_footer.png) repeat-x scroll left -10px;
        clear: both;
        color: #000;
        height: 26px;
        margin: 0;
        padding: 13px 0 10px 0;
        border-bottom: 5px solid #D9ECF8;
    }
    
     #searchBar p{
		float: left;
		font-weight: bold;
		margin-left: 20px;
		margin-top: 1px;
	}
	
	#searchBar input[type=text]{
		width: 200px;
		font-size: 11px;
		padding: 3px 2px;
	}

    
    /*div.searchBarOnSearch{
        height:auto !important;
    }*/
    
    #SearchAddForm {
        margin: 0 0 0 9px;
        width: 960px;
        margin: 0 auto;
    }
        .pageBanner #searchBar {
            margin-bottom: 0;
            width: 100%;
        }
        #SearchAddForm div {
            float: left;
            clear: none;
            margin: 0;
            padding: 0;
            color: #808080;
            margin-left: 10px;
        }
            #SearchAddForm label {
                display: none;
            }
            
            #SearchAddForm div.radio label{
                display:inline !important;
            }
            #SearchAddForm div.radio input[type='radio']{
                float: none !important;
            }
            
            #SearchAddForm .submit input {
                background:#FFFFFF url(../img/spritesheet.png) no-repeat scroll -247px 3px;
                height: 22px;
                margin-left: 3px;
                width: 22px;
                overflow: hidden;
                font-size: 0;
                color: #fff;
                padding: 0;
                border: 1px solid #939393;
                cursor:pointer;
            }
            #SearchAddForm select {
                /*margin-left: 10px;*/
            }
        #searchTrigger {
            color: #808080;
            text-decoration: underline;
            float: left;
            clear: right;
            padding-left: 10px;
        }
        #advancedForm {
            position: absolute;
            top: 36px;
            left: 0;
            background: url('../search/img/bg_advSearch.png') repeat;
            width: 100%;
            padding: 0;
            color: #000;
            z-index: 999;
            display:none;
        }
            #advancedForm form {
                display: block;
                border-style: solid;
                border-color: #BFBFBF;
                border-width: 0 1px 1px;
                width: auto;
                margin: 0;
                padding: 0;
            }
                #advancedForm label {
                    color: #000;
                }
    
    #advancedFormOnSearch {            
            background: url('../search/img/bg_advSearch.png') repeat;
            width: 100%;
            padding: 0;
            color: #000;
            z-index: 999;
            clear:both;
        }
            #advancedFormOnSearch form {
                display: block;
                border-style: solid;
                border-color: #BFBFBF;
                border-width: 0 1px 1px;
                width: auto;
                margin: 0;
                padding: 0;
            }
                #advancedFormOnSearch label {
                    color: #5F5F5F;
                }
    #SearchAdvancedAddForm {}
        #SearchAdvancedAddForm .input {
            clear: none;
            float: left;
            /*height:17px;*/
        }



#advancedSearch {
          background: url('../search/img/bg_advSearch.png') repeat;
          width: 100%;
          padding: 0;
          color: #000;
          z-index: 999;
     }
          #advancedSearch form {
               display: block;
               border: 1px solid #000;
               width: auto;
               margin: 0;
               padding: 0;
          }
          #advancedSearch label {
               color: #000;
          }
          #advancedSearch {
               
          }
               #advancedSearch .input {
                    clear: none;
                    float: left;
               }
p.price{
    font-size:140%;
    color:#ff0000;	
}


#siteSearch{
    float:right;	
}

/************************/
/*  Search Filter Boxes */
/************************/
div.searchFilter{
   width:200px;
   float:left;
}

div.goBack a {
	float:right;
	clear:both;
	height:29px;
    line-height: 29px;
    width:95px;
    background-image:url(../../img/modules/classifieds/bg_loginButton.png);/*TODO Classifieds? */
    display: block;
    vertical-align:middle;
    text-align:center;
    color: #fff;
}
               
/*******************************/
/*  Classifieds Search Results */
/*******************************/

.classifieds.search #categorySidebar {
    width: 20%;
}
.classifieds.search .boxMain {
    margin-top: 23px;
    overflow: auto;
    clear:both;
}
    .classifieds.search .boxMain:hover {
        background-color: #FFFDC2
    }
    .classifieds.search .boxMain table {
        width: 99%;
        border: 0;
        margin: 0;
    }
        .classifieds.search .boxMain td {
            border-width: 0 0 0 2px;
            border-style: solid;
            border-color: #ccc;
            text-align: left;
            padding: 0 2% 0 3%;
        }
            .classifieds.search .boxMain td:first-child {
                border-width: 0;
            }
            .classifieds.search .boxMain td.money {
                font-size: 18px;
                width: 17%;
                margin: 0;
                padding: 0 0 0 3%;
            }
                .classifieds.search .boxMain td.money li {
                    font-size: 66%;
                    margin: 0;
                    line-height: 90%;
                }

.search.results div.listResult{
    height:100px;   	
	
}
.search.results form div.input{
    float:left;
    width:200px;
    clear:none;
}
.search.results form div.submit{
    float:left;
    width:100px;
    clear:none;
}

/*****************************************************************************************************************
*
* FILE: /home/doggie1/.hit-root/blueocean/app/plugins/contact_info/vendors/css/tendrils/contact_info/classifeds.css
*
******************************************************************************************************************/
.classifieds.view #contactInfo .boxFlag {
    float: none;
}

.classifieds.view #contactInfo .boxFill {
    padding: 5px;
}

.classifieds.view .boxFlag {
	padding:27px 0 0;
	width:187px;
}

	.classifieds.view .boxFlag h2 {
		background: none;
		color: #ffffff;
		font-size: 1.15em;
		text-align: left;
		text-indent: 20px;
		
	}
	
form div {
	padding:0px;
}

/*****************************************************************************************************************
*
* FILE: /home/doggie1/.hit-root/blueocean/app/plugins/contact_info/vendors/css/tendrils/contact_info/events.css
*
******************************************************************************************************************/
#eventInfo #contactInfo {
    border-top: 1px solid #E4E4E4;
    clear: left;
    margin: 0;
    padding: 0;
}

#eventInfo #contactInfo h2 {
    background-image: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

#eventInfo #contactInfo .boxFlag {
    float: none;
}

/*****************************************************************************************************************
*
* FILE: /home/doggie1/.hit-root/blueocean/app/plugins/search/vendors/css/tendrils/search/blog.css
*
******************************************************************************************************************/
tags.results .tagItem,
.blog.results .tagInfo {
    text-transform:capitalize;
}

.blog.results .tagItem {
    font-weight:bold;
    float:left;
    width:65%;
    
}
.blog.results {
    width:85%;
}

.blog.results a.readMore {
    clear:left;
    float:left;
}

.blog.results hr {
    width: 95%;
    text-align:center;
}

.blog.results .model_image {
    border: 1px solid #e7e7e7;
    float:left;
    height:76px;
    margin-right: 10px;
    width: 76px;
}

.blog.results .actions {
    clear:none;
    float:left;
    width:65%;
}

.blog.results .listResult {
    height:77px;
}

/*****************************************************************************************************************
*
* FILE: /home/doggie1/.hit-root/blueocean/app/plugins/search/vendors/css/tendrils/search/classifieds.css
*
******************************************************************************************************************/
/*******************************/
/*  Classifieds Search Results */
/*******************************/

.classifieds.search #categorySidebar {
    float:left;
	margin-top:5px;
	width:20%;
}

.classifiedsResults.search {
	clear:none;
	float:left;
	margin-left:26px;
	width:75%;
}

.classifieds.search .boxMain {
    margin-top: 23px;
    overflow: auto;
}
    .classifieds.search .boxMain:hover {
        background-color: #FFFDC2
    }
    .classifieds.search .boxMain table {
        width: 99%;
        border: 0;
    }
        .classifiedsResults.search .boxMain table td {
            border-width: 0 0 0 2px;
            border-style: solid;
            border-color: #ccc;
            text-align: left;
            padding: 0 0 0 3%;
        }
            .classifiedsResults.search .boxMain table td:first-child {
                border-width: 0;
            }
            .classifieds.search .boxMain table td.money {
                font-size: 18px;
                width: 15%;
                margin: 0;
            }

.classifiedsResults.search div.attachedImage {
	border:1px solid #e7e7e7;
	height:61px;
	width:61px;
}


/*****************************************************************************************************************
*
* FILE: /home/doggie1/.hit-root/blueocean/app/plugins/search/vendors/css/tendrils/search/songs.css
*
******************************************************************************************************************/
div.songAlbum{
    width:150px;
    float:left;
    text-align:center;
}

/*****************************************************************************************************************
*
* FILE: /home/doggie1/.hit-root/blueocean/app/plugins/search/vendors/css/tendrils/search/videos.css
*
******************************************************************************************************************/

.videos.results .tagItem {
    font-weight:bold;
    float:left;
    width:65%;
    
}
.videos.results {
    width:85%;
}

.videos.results a.readMore {
    clear:left;
    float:left;
}

.videos.results hr {
    width: 95%;
    text-align:center;
}

.videos.results .model_image {
    border: 1px solid #e7e7e7;
    float:left;
    height:76px;
    margin-right: 10px;
    width: 76px;
}

.videos.results .actions {
    clear:none;
    float:left;
    width:65%;
}

.videos.results .listResult {
    height:145px !important;
}