/*****************************************************************************************************************
*
* 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: #1E75BA url(../img/bg.jpg) no-repeat;
    color: #404040;
    font: normal normal 12px/18px Arial, Helvetica, sans-serif;
    text-align: left;
}

#page {
    margin: 0 auto;
    width: 100%;
}

a {
    color: blue;
    font-weight: normal;
    text-decoration: underline;
}
a img {	z-index:-1;
    border:none;
}
img{	z-index:-1;}
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%; }

#contain {
    clear: both;
    width: 900px;
    margin: 0 auto;
    background: #fff;
    padding: 20px;        overflow:auto;
}

#main {
    padding-left: 20px;   /* left column fullwidth */
}
#center {
    padding: 0px 0px 10px 0px;    /* center column padding */
}
#left {
    width: 191px;          /* left column width */
    border: 2px solid #1D349D;
    margin-top:10px;
    z-index:500;
}
#left div {
    padding: 10px;
}
#left div p a {
    font-weight: bold;
    text-decoration: underline;
}
#left div p {
    text-align: center;
    padding: 15px 0;
}
.landing #left {
    margin-top: 48px;
}

/* right defaults to 0 */
#right {
    width: 0px;          /* right column width */
    padding: 0px;       /* right column padding */
    margin-right: 0px;  /* right column fullwidth + center column padding */
}

#footer {
    clear: both;
}

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


/* landing page layout */
#main.landing.index {
	margin-top: 7px;
	z-index:-1;
}
.landing.index #center {
    padding: 0px;
    color: #fff;
    font-family: "Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
    font-size: 12pt;
    font-weight: bold;
    line-height: 17pt;
}
/*********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 *******/

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, h3.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%;
	}

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:2px 5px;
}

h4 {
    padding-top: 0.5em;
}

/******** SecondaryHeader **********/

.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: #F6F6F6;
    border: 1px solid #E4E4E4;
}

.boxFlag {
	background:transparent url("../img/spritesheet.png") no-repeat scroll -400px -1000px;
	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, #right {
	font-size:1em;
	text-transform:capitalize;
}

    #left h3, #right h3 {
        background:transparent;
        border-top:1px solid #CCCCCC;
        color:#CC0101;
        font-size:0.95em;
        line-height:0.95em;
        margin: 2% 0;
        padding:4px 0 0;
        text-transform:uppercase;
    }
        #left h2 {
        background:#1D349D;
        color:#fffc00;
        font-family: "Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
        padding:3px 5px;
        }
    #left a, #right a {
        font-weight:normal;
        color: #1D349D;
        font-family: "Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
        font-size:11pt;
    }
    
    #left a.more, #right a.more {
        clear: both;
        display: block;
        float: left;
        font-size: 1.1em;
        font-weight: bold;
        margin: 10px 0;
    }
    
    #left ul, #right ul {
        font-size:0.95em;
        list-style: none;
        margin: 0;
    }

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

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

.xmallThumb, .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;
	    }
    
/******** Forms **********/
ul.user { font-weight: bold; }

/* Code */

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%;
}

/* 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;
}

/* 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 -1200px transparent;
  border:1px outset #8A0000;
  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 -1222px;
  border:1px inset #8A0000;
}

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

/* 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;
}

/* 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;
}




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

#header {
     position: relative;
     width: 920px;
     height: 160px;
     background: url(../img/banner.png);
     display: block;
     margin: 0 auto;
}
    #logo {
        width: 100px;
        height: 65px;
    }
    #pageTitle {
        color: #000;
        cursor: default;
        font: normal normal 30px/30px "Arial", Verdana, Helvetica, Arial, sans-serif;
        padding: 16px 0 0 83px;
        text-transform: lowercase;
        width: 40%;
    }
        #pageTitle a {
            font-weight: normal;
        }
        #pageTitle img {
            position: absolute;
            top: 0;
            left: 0;
        }

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

#content {
    color: #333;
    min-height: 600px;
    height: auto !important;
    height: 600px;
    overflow: hidden;
    padding: 0 0 20px 20px;
}
    #content > div {
        /*padding: 0 2%;
        TODO
        overflow: auto;*/
    }
    
    #content > div.bbq-item {
        padding: 0;
    }
    
    .contentInner {
        /* width: 98%; */
        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: #BD0100 url(../img/spritesheet.png) repeat-x scroll 0 -1250px;
     border-top:1px solid #222222;
     clear: both;
     color: #FFF;
     min-height: 105px;
     position: relative;
}

    .subBanner {
        background: url('../img/spritesheet.png') no-repeat -550px -100px;
        border: 0;
        color: #8C0001;
        float:left;
		font:40px/60px Arial,Helvetica,sans-serif;
		height:45px;
		left:-6px;
		margin:18px 0 0;
        padding: 0 0 20px 12px;
        position: relative;
        text-transform: capitalize;
        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 ******************/
/***************************************/
#upperMenuOuter {
    background-color:#1D349C;
    height:24px;
}
    #upperMenu {
        display: table;
        margin: 0 auto;
        width:960px;
    }

        #upperMenu ul {
            margin: 0 auto;
            width: 920px;
            display: inline;
        }
            #topMenu {
                display: block;
            }
                #topMenu li, #topMenu a {
                    color: #fff;
                    display: block;
                    z-index: 2000;
                }
                        #topMenu li Fa:hover {
                            color: #fefb02;
                        }

                #topMenu li {
                    cursor: pointer;
                    font-weight: bold;
                    height: 25px;
                    line-height: 25px;
                    text-align: center;
                    display: inline;
                    padding: 0 20px;
                    float:left;
                }

                #topMenu li.logout-header-link, #topMenu li.user-header-link {
                    background-position: left top;
                }


                    #topMenu li:hover {

                    }

                    #topMenu li ul {
                        display: none;
                        height: auto;
                        position: absolute;
                        top: 25px;
                        left: -1px;
                        z-index: 999;
                        background: #F3F3F3;
                    }
                        #topMenu li:hover ul {
                            display: block;
                            border: 1px solid #B5B5B5;
                            z-index: 999;
                        }
                            #topMenu li li, #topMenu li li a {
                                display: block;
                                float: none;
                                color: #5E5E5E;
                                margin: 0;
                                background: #f3f3f3;
                                border-bottom: 2px solid #e5e5e5;
                                white-space: nowrap;
                            }
                            #topMenu li li:hover, #topMenu li li:hover a {
                                background: #6e6e6e;
                                color: #fff;
                            }

/***************************************/
/*********** Module 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: 300px;
     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 8px;
        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;
}

/***************************************/
/*********** Bottom Menu ***************/
/***************************************/

#footer {
    background: #172A86;
    height: 71px;
    position: relative;
    display: block;
    margin: 0 auto;
    padding:15px 0 0;
    border-top: 1px solid #FFFEFD;
}
#footer h5 {
    color: #fff;
    text-align: center;
    font-size: 7.5pt;
    font-family: "Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
}
    #footer a {
        clear: right;
    }
        #footer a:first-child {
            clear: none;
        }
        #lowerMenu {
            display:table;
            margin:0 auto;
}
    #bottomMenu {
        display:table-row;
        margin:15px auto;
        width:920px;
    }
        #bottomMenu ul {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }
            #bottomMenu li {
                display: block;
                float: left;
                border-left: 1px solid #fff;
                margin: 0;
                line-height: 13px;
                padding: 0 16px;
            }
                #bottomMenu li:first-child {
                    border-left: 0;
                }
                #bottomMenu li a {
                    font-weight: bold;
                    color: #fff;
                }
                
                /**************
                javascript modal window
                **************/
                #modalWindow {
					left: 50%;
					margin-left: -200px;
/* 					min-width: 400px; */
					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;
                }
	                #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 Pages  *********/

.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%;
    z-index: 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;
            }
            
/* misc code */

.lightBoxDiv {
    position: absolute;
    left: -2000px;
    top: -2000px;
}

#ajaxStatusDiv {
    background: #000;
    color: #FFF;
    padding: 3px 5px;
    top: 0;
    right: 0;
    zIndex: 1138;
    display: none;
}


/***********************/
/*  HIT Designer View  */
/***********************/

body#designer {
    background: none;
	min-width: 200px;
}
	.designer {
		margin: 25px;
	}
		.designer h1 {
			color: #000;
			font-size: 1.25em;
			font-weight: normal;
			width: 35%;
		}
		.designer .attachedImage {
			border:1px #000 solid;
			margin:10px;
			width:85px;
			padding:10px; 
		}
		.designer hr {
			float:left;
			width:75%;
		}

/*****************************************************************************************************************
*
* FILE: /webroot/css/dropMenu.css
*
******************************************************************************************************************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#members ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 180px; /* Main Menu Item widths */
z-index:1000;
}
 
#members ul li{
position: relative;
z-index:2000;
}

/* Top level menu links style */
#members ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #1D349D;
text-decoration: none;
padding: 4px;
}

#members ul li a:link, #members ul li a:visited, #members ul li a:active{
background-color: transparent; /*background of tabs (default state)*/
}

#members ul li a:visited{
color: 1D349D;
}

#members ul li a:hover{
	background-color:#E1E1E1;
}

/*Sub level menu items */
#members ul li ul{
	position: absolute;
	width: 200px; /*Sub Menu Items width */
	top: -10px;
	left:170px;
	left:170px;
	visibility: hidden;
	z-index:998;
	border:2px #1D349D solid;
	background-color:#F6F6F6;
}
#members ul li ul li{
	z-index:999;
	border:0px #000 solid;
	background-color:#F6F6F6;	
}

#members a.subfolderstyle{
background: url(right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html #members ul li { float: left; height: 1%; }
* html #members ul li a { height: 1%; }
/* End */

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

/********** Flagged Boxes **************/
    .boxFill .attachedImage {
        float: left;
        height: 132px;
        line-height: 132px;
        margin: 0 11px;
        border: 2px #e6e6e6 solid;
        width:132px;
        text-align:center;
        overflow: hidden;
        /*Remove this after link is added to no image */
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        /* End Remove */
    }
        .attachedImage a {
            width: 132px;
            display: table-cell;
            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:60px;
        height:60px;
        border: #cccccc 2px solid;
        padding: 0px;
        margin: 5px;
        text-align:center;
        vertical-align:middle;
    }

    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: 170px;
    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/sddm.css
*
******************************************************************************************************************/
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 60px;
	background: #5970B2;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #49A3FF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 11px arial}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}

/*****************************************************************************************************************
*
* 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: 450px;
}

.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;
   
}

/*****************************************************************************************************************
*
* 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*/

	.landing.index #topImage {
        padding: 0px !important;
        text-align: center;
	}
	
	   .landing.index #topImage img {
	       width: 100%;
	   }
	
	.landing.index .boxLogin {
        background: #cfcfcf url(../img/landing-login-BG.jpg) repeat-x;
        border: 1px #ccc solid;
        margin: 8px auto;
        overflow: hidden;
        padding: 1%;
	}
	
		.landing.index .boxLogin p {
            color: #595959;
            font: normal normal 23pt 'Century Gothic', Arial, Helvetica, sans-serif;
            margin: 0px;
            padding: 10px 10px 20px 10px;
		}
	
			.landing.index .boxLogin p span {
                font-weight: bold;
			}
	
		.landing.index .boxLogin form {
            float: left;
            font-size: 11px;
            margin: 0px;
            padding: 0px 10px 0px 130px;
		}
		
            .landing.index .boxLogin label {
                float: left;
                line-height: 28px;
                padding: 0px 7px;
		    }

			.landing.index .boxLogin input {
                clear: none;
                float: left;
                margin: 4px 8px 4px 0px;
                padding: 3px 2px;
                width: 180px;
			}
	
		.landing.index .boxLogin div{
            clear: none;
            float: left;
		}
	
			.landing.index .boxLogin .submit {
                clear: none;
                float: left;
                margin: 0px;
                width: 95px;
			  
			}
	
				.landing.index .submit input{
                    background: transparent url(../img/layout/redButton95-29.png) no-repeat !important;
                    border: 0px !important;
                    color: #fff;
                    font-size: 12px !important;
                    height: 29px;
                    margin: 0px;
                    padding-bottom: 5px !important;
                    width: 95px;
				}
	
				.landing.index .submit input:hover {
                    background: transparent url(../img/layout/redButton95-29.png) no-repeat scroll left -29px !important;
				}
	
		.landing.index .boxLogin a {
            clear: right;
            float: right;
            font-size: 11px;
            font-weight: normal !important;
            text-decoration: underline;
		}
	
		.landing.index .boxLogin a:hover {
            color: #757575;
		}
	
	.landing.index .featuredContent {
        clear: both;
	}

/*****************************************************************************************************************
*
* FILE: /webroot/css/modules/users/add.css
*
******************************************************************************************************************/
/********************************************/
/******    Users Add (Registration)    ******/
/********************************************/

.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 {
        background: transparent !important;
        margin: 0 0 0 15%;
        padding: 0 10px;
        width: 70% !important;
    }
        #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 {
                margin: 10px 0;
            }



/*****************************************************************************************************************
*
* 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/mark2/.hit-root/blueocean/app/plugins/blog/vendors/css/blog.css
*
******************************************************************************************************************/
#main.blog.index, #main.blog.view {
    padding-left: 0px;
    padding-right: 257px;
}#main.blog.view h2{	text-transform:capitalize;	}
.blog.index #center, .blog.view #center {
    padding: 0px 15px 0px 0px;
}
.blog.index #right, .blog.view #right {
    width: 230px;
    padding: 5px;
    margin-right: -257px;
}

#main.blog.edit, #main.blog.add {
    padding-left: 0px;
}
.blog.edit #center, .blog.add #center {
    padding: 0px 15px 0px 0px;
}
.blog.edit #right, .blog.add #right {
    width: 165px;
    padding: 10px;
    margin: 0px 0px 0px 0px;
    margin-right: -200px;
}

/***********************/
/*  Blog Posts Layout  */
/***********************/

/**********************/
/*GENERAL CSS FOR BLOG*/
/**********************/

.blog .textarea {
    width: 98%;	
}

/***  Banner Area  ***/

.blog #pageBanner {
	background:#F6F6F6 none repeat scroll 0 0;
    border-width: 0 1px 1px;
    border-style: solid;
}

    .blog #pageBanner a {
        color: #9A9A9A;
        display: block;
        clear: both;
    }
    
    .blog #pageBanner label {
        color: #9A9A9A;
    }
    
    .blog.index .subBanner {    	
    	background:transparent url(../img/spritesheet.png) no-repeat scroll -600px -997px;
        color: #F1F1F1;
        padding-bottom: 20px;
    }

    .blog #pageBanner #UserLoginForm div.input label, .blog #pageBanner #UserLoginForm a {
        color: #404040;
    }
        
/**********************/
/*  Blog Posts Index  */
/**********************/
.blog.index .highlight {
    width: 100%;
	background:none;
	border: 0px;
	margin: 0px 2% 0 0;
    float: left;
    height: 17em;
    padding: 1%;
}

	.blog.index .highlight p {
		height:85px;
		line-height:1.4em;
		margin-top:0.75em;
		overflow:hidden;
	}
	
	.blog.index .highlight h2 {
		font-size: 1.2em;
		padding:0px;				text-transform:capitalize;
	}

	.blog.index .highlight .attachedImage {
		height: 75px;
		line-height: 75px;
		margin: 0px 10px 0px 0px;
		width: 75px;
	}
	
	.blog.index .highlight .actions {
		clear:none;
	}

	.blog.index .highlight ul,
	.blog.index .highlight li {
		float:left;
		list-style-type: none;		
	}

.blog.index .highlight div.ownerActions{	
	display:none;
}

.blog.index .highlight:hover div.ownerActions {
		display:block;
		float:right;
}

/** Blog Add and Edit **/


.blog.add #ImageUploadButton {
	float:left;
	font-size:10px;
	height:23px;
	width:80px;
}
	   
.blog .addEditPostAdd {
	overflow: hidden;
}

.blog .addEdit{
	width: 80%;
}

.blog.edit .submit input,
.blog.add .submit input {
	float:right;
	margin-bottom: 10px;
}


/***  Blog Boxes Area ***/
    .blog.index .attachedImage {
        border:1px #e7e7e7 solid;
        float:left;
        height: 75px;
        line-height: 75px;
        margin: 0px 10px 0px 0px;
        width: 75px;
    }
    

/**********************/
/*  Blog Posts View  */
/**********************/

.blog.view #content {
    overflow:hidden;
}

.blog.view .coverImage {
    border:1px solid #E7E7E7;
	float:left;
	margin:0 5px 5px 0;
	padding:2px;
}
    .blog.view h2 {
        color: #494949;
        font-size: 1.4em;
        padding: 11px 0px 0px 0px;
    }
    
    .blog.view  h3 {
        font-size:.9em;
        font-weight:normal;
        margin-top:-2px;
        padding: 0px;
    }
    
       .blog.view h3 a {
            color:#D63232;
			float:none;
			font-weight:bold;
			text-transform:capitalize;
       }
       
       .blog.view #blogContent {
            margin:20px 0 0;
            color:#494949;
            clear:left;
			overflow: auto;
       }

    .blog.view #right h2 {
        border: 0px;
    }
  
	
.blog.view p img {
	border: 2px solid #D22F2F;
	padding:3px;
	margin: 5px;
}


/*****************************************************************************************************************
*
* FILE: /home/mark2/.hit-root/blueocean/app/plugins/categories/vendors/css/categories.css
*
******************************************************************************************************************/
/***************************************/
/******                           ******/
/******         Admin View        ******/
/******         Categories        ******/
/******                           ******/
/***************************************/
 
.categories.admin 
.selectModuleTitle, .categoryName{
     font-family: Trebuchet MS, arial, verdana;
     font-size: 19px;
     color: #868686;
     padding: 15px 0px 5px 0px;
}
.category.admin .selectModule{
    font-family: Trebuchet MS, arial, verdana;
     font-size: 15px;
     font-weight: bold;
     color: #868686;
     padding: 15px 0px 5px 0px;
    
}

#CategoryAddForm {
    width: 100%;
}

.addCategoryTable #CategoryName{
            width:210px;
        }
        
        .deleteCategory a{
            background:transparent url(../img/admin/button_BG.jpg) no-repeat scroll 0 0;
            border:0 none;
            color:#FFFFFF;
            font-family: arial;
            display:block;
            font-weight:normal;
            font-size: 8pt;
            height:20px;
            padding-bottom: 10px;
            text-align:center;
            width:80px;
        }
        
         .deleteCategory a:hover{
            background:transparent url(../img/admin/button_BGHover.jpg) no-repeat scroll 0 0;
        }

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

.deleteCategory .submit input{
    float:left;
}

.categories .input select{
    border: 1px #d3d3d3 solid;
    height: 18px;
    font-size:12px;
}

.categoryNameInput .input{
    width:75%;
    float:left;
}

.categoryNameInput img{
    float:right;
    padding:14px 10px 0 0;
    
}

.categories.admin .submit {
	float:right;
	padding-bottom: 10px;
}

/*****************************************************************************************************************
*
* FILE: /home/mark2/.hit-root/blueocean/app/plugins/classifieds/vendors/css/classifieds.css
*
******************************************************************************************************************/
/* classifieds view page layout */
#main.classifieds.view {
    padding-left: 0px;
    padding-right: 0px;
}
.classifieds.view #center {
    padding: 0px 15px 0px 0px;
}
.classifieds.view #right {
    width: 230px;
    padding: 0px;
    margin-right: -245px;
}

/* classifieds add and edit pages layout */
#main.classifieds.form {
    padding-left: 0px;   /* left column fullwidth */
    padding-right: 25px;  /* right column fullwidth + center column padding */
}
#main.classifieds.form div.input.textarea{	width:100%;}#main.classifieds.form div.input.select.required{	width:100%;}#main.classifieds.form div.categories.tendril{	overflow:auto;}
.classifieds.form #center {
    padding: 0px 15px 10px 0;    /* center column padding */
}

.classifieds.form #right {
    margin-right: -165px;  /* right column fullwidth + center column padding */
}

/***************************************/
/******                           ******/
/******       Banner Area         ******/
/******                           ******/
/***************************************/
.classifieds {
    clear: both;
}

    .pageBanner a {
        color: #fff;
        display: block;
        clear: both;
    }
    
    .pageBanner .user.login {
        color: #fff; 
    }
        .pageBanner .user.login .submit input {
            background-image: url('../img/modules/classifieds/bg_loginButton.png');
            color: #fff;
            
        }
       
    .classifieds hr {
	    background: #B1B1B1;
	    margin: 8px 0;
	}

	.classifieds .secondaryHeader {
	    border-bottom: 1px solid #DB6062;
	    border-top: 1px solid #570000;
	    color: #FFF;
	    font-weight: bold;
	    line-height: 20px;
	    padding: 4px 18px;
	}
	
	.classifieds .secondaryHeader a {
	    color: #FFF;
	}
	#content div.secondaryHeader{
		display:none;
	}
/***************************************/
/******                           ******/
/******    Classifieds Index      ******/
/******                           ******/
/***************************************/
.classifieds.index div#center{
    width:625px;
}
.classifieds.index div.wrapper{
    background-color:#1D349D;
    padding:10px;
    margin:10px 0px;
    overflow:hidden;
    color:#fff;
    height:130px;
    
}

.classifieds.index div.wrapper div.top{
    /*overflow:auto;*/
}

    .classifieds.index div.logoImage{
        width:140px;
        float:left;
        height:130px;
        overflow:hidden;
    }
    
    .classifieds.index div.contentLeft div.title a{
        color:#fff;
        font-size:18px;
        font-weight:bold;
        text-decoration:none;
    }
    
    .classifieds.index div.contentLeft div.slogan{
        color:#fff;
        font-weight:bold;
    }
    
    .classifieds.index div.contentLeft div.web a{
        color:#fff;
    }
    

.classifieds.index div.wrapper div.bottom{
    margin-top:25px;
    /*clear:both;*/
    overflow:auto;
}

    .classifieds.index div.wrapper div.bottom div.phone{
        float:left;
    }
    .classifieds.index div.wrapper div.bottom div.email{
        margin-left:20px;
        float:left;
    }
    
    .classifieds.index div.wrapper div.bottom div.email a{
        color:#fff;
    }

/***************************************/
/******                           ******/
/******     Classifieds View      ******/
/******                           ******/
/***************************************/

.classifieds.view div.wrapper{
    background-color:#1D349D;
    padding:10px;
    overflow:auto;
    color:#fff;
}

.classifieds.view div.wrapper div.top{
    overflow:auto;
}
        .classifieds.view div.wrapper div.logoImage{
            width:335px;
            float:left;
        }
        .classifieds.view div.wrapper div.top div.logoImage div.imageAttach.tendril div#mainImage{
            border:none;
            text-align:left;
        }
        
        .classifieds.view div.wrapper div.top div.logoImage div.imageAttach.tendril div#mainImage img{
            width:300px;
        }

        .classifieds.view div.wrapper div.contentLeft div.title{
            margin-bottom:5px;
        }
        .classifieds.view div.wrapper div.contentLeft div.title a{
            color:#fff;
            font-size:24px;
            font-weight:bold;
            text-decoration:none;
        }
        .classifieds.view div.wrapper div.contentLeft div.slogan{
            margin-bottom:5px;
            font-size:16px;
        }
        .classifieds.view div.wrapper div.contentLeft div.web{
            margin-top:10px;
        }
        .classifieds.view div.wrapper div.contentLeft div.web a{
            
            font-size:16px;
            color:#fff;
        }
        
.classifieds.view div.wrapper div.bottom{
    clear:both;
    text-align:center;
    overflow:auto;
}
        .classifieds.view div.wrapper div.bottom div.phone{
            margin-left:135px;
            font-size:14px;
            font-weight:bold;
            float:left;
        }
        .classifieds.view div.wrapper div.bottom div.email{
            margin-left:50px;
            float:left;
        }
        .classifieds.view div.wrapper div.bottom div.email a{
            color:#fff;
            font-size:14px;
            font-weight:bold;
        }
/***************************************/
/******                           ******/
/******   Classifieds Add/Edit    ******/
/******                           ******/
/***************************************/
.classifieds.form label {
    font-weight: bold;
}
    .classifieds.form div.submit {
        float: left;
        clear: none;
    }
    .classifieds.form .wideInput,
    .classifieds.form #ClassifiedTitle input,
    .classifieds.form .classifiedForm .textarea {
        width: 80%;
    }

	.categories.tendril .input {
		clear:none;
		float:left;
		width:20%;
	}
	
.classifieds.form #classifiedTitle input {
	clear:left;
	float:left;
	width: 80%;
}

.classifieds.form div#classifiedPrice {
	float:left;
	margin-top:10px;
	width:30%;
}

.classifieds.form div#classifiedCurrency {
	clear:none;
	float:left;
	margin:10px 0px;
	width:5%;
}

.classifieds.form div#classifiedContactMethod {
	width: 20%;
}

.classifieds.form #classifiedDate select{
	margin:0px 5px 10px 0px;
}

.classifieds.form div.submit {
	clear:left;
	float:right;
}

/***************************************/
/******                           ******/
/******   Classifieds Delete      ******/
/******                           ******/
/***************************************/
.classifieds.delete {
    margin: 0 auto;
    width: 33%;
}
    .classifieds.delete h2 {
        font-size: large;
        text-align: center;
    }
    .classifieds.delete form a {
        color: #EE3322;
        text-decoration: underline;
        float: left;
        width: 49%;
        text-align: center;
    }
    .classifieds.delete .submit {
        margin: 0;
        float: left;
        clear: none;
        width: 49%;
        padding: 0;
    }
        .classifieds.delete input[type="submit"] {
            color: white;
        }
.deletionTitle {
    font-weight: normal;
}

.classifieds.delete div.submit input {
    clear:both;
    color: #fff;
    display: block;
    float:right;
    text-align:center;
    vertical-align:middle;
}

/******************/
/*  My Ads Page   */
/******************/

.classifieds.users .boxFill {
    height: auto;
    margin-top: 23px;
}
    .classifieds.users .boxFill table {
        width: 99%;
        border: 0;
        margin: 0;
        
    }
        .classifieds.users .boxFill table td {
            border-width: 0 0 0 2px;
            border-style: solid;
            border-color: #ccc;
            text-align: left;
            padding: 0 2% 0 3%;
        }
            .classifieds.users .boxFill table td:first-child {
                border-width: 0;
            }
            .classifieds.users .boxFill table td.money {
                font-size: 18px;
                width: 17%;
                margin: 0;
                padding: 0 0 0 3%;
            }
                .classifieds.users .boxFill table td.money li {
                    font-size: 66%;
                    margin: 0;
                    line-height: 90%;
                }
                
                .classifieds.users .boxFill .actions {
                    list-style: none;
                    margin: 12px 0 0;
                    padding: 0;
                }
                
                .classifieds.users .boxFill .actions .edit, .classifieds.users .boxFill .actions .delete {
                    display: none;
                }
                
                .classifieds.users .boxFill:hover .actions .edit, .classifieds.users .boxFill:hover .actions .delete {
                    display: block;
                }
                
                
/****************************/
/*  Classifieds Slideshow   */
/****************************/ 

.classifieds div#slideButton{
	background-color: #e7e7e7;
	border: 1px #999999 solid;
	cursor:pointer;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 0;
	text-align:center;
	width: 75%;
}              

.classifieds #mainImage {
	border: 1px solid #cc0808;
	margin-bottom: 5px;
	padding: 3px;
	width: 300px;
	
}

.classifieds.view .prevPage {
	text-indent: -9999px;
	background: url('../img/spritesheet.png') no-repeat 	-600px -950px;
}

.classifieds.view .nextPage {
	text-indent: -9999px;
	background: url('../img/spritesheet.png') no-repeat 	-600px -950px;
}

/*********************************/
/*  Classifieds Results Page     */
/*  Classifieds My Ads
/*********************************/
.classifieds .resultsBody {
	padding-top:15px;
}

.classifieds .resultsDetails h2 {
	padding:0;
}

.classifieds .classifiedResult{
	border: 1px solid #e7e7e7;
	overflow:hidden;
	padding: 5px;
	margin: 5px;
}

.classifieds .imageWrap {
	border-right:1px solid #E7E7E7;
	float:left;
	min-height:56px;
	padding-left:10px;
	width:12%;
}

.classifieds .resultsDetails {
	clear:none;
	float:left;
	margin-left:10px;
	width:67%;
}

.classifieds.results .actions,
.classifieds.users .actions,
.classifieds.search .actions {
	border-left:1px solid #E7E7E7;
	clear:none;
	float:left;
	padding: 0px 5px 0 0;
	margin: 0px;
	min-height:56px;
	text-align:right;
	width:15%;
}

.classifieds .actions li,
.classifieds .actions ul {
	line-height: 1.75em;
	margin:0;
	padding-left:5px;
}

.classifieds .money {
	color: #cc0101;
	font-size:1.5em;
}

.classifieds .attachedImage {
	min-height:41px;
	min-width:41px;
}

.classifiedForm div.categories.tendril{
	overflow:hidden !important;
}

/*****************************************************************************************************************
*
* FILE: /home/mark2/.hit-root/blueocean/app/plugins/contact_forms/vendors/css/contact_forms.css
*
******************************************************************************************************************/
.fields.index a{
	margin:0px 5px;
}

.fields.index .subBanner{
	margin:5px 0 0;
}
#main.fields.index{
	padding-left:6px;
}

.forms.edit div.textarea{
	width:100%;
}

.forms.edit .jqn div.input{
	left:0px;
}

.forms.index a{
	margin:0px 5px;
}

.forms.edit input.sortOrder{
	width:30px;
	margin: 0px auto;
}

.forms.edit table tr td div.input{
	position:inherit;
	text-align:center;
}
.forms.edit td a{
	margin:0px 5px;
}
.forms.edit .subBanner{
	float:none;
}
.forms.edit div.addFields label{
	margin:0 6px 7px 2px;
}
.form_field_options.edit div.option div.input{
	float:left;
}
.form_field_options.edit div.option div.input label{
	float:left;
}
.form_field_options.edit div.option a{
	float:left;
	margin-left:10px;
}
.form_field_options.index div.actions{
	margin-top:10px;
}
.form_field_options.index div.actions a{
	margin:0px 5px;
}
.forms tr.offset1{
	background-color:#F2F2F2;
}
.forms tr.offset2{
	background-color:#EAEAEA;
}

.form_field_options.add{
	margin-top:20px;
	border:1px #5B5B5B solid;
	background: #E1E1E1;
	padding:0 10px 10px;
	overflow:hidden;
}

.form_field_options.edit{
	margin-top:20px;
	border:1px #5B5B5B solid;
	background: #E1E1E1;
	padding:0 10px 10px;
	overflow:hidden;
}

.form_field_options.edit div.field_options{
	clear:both;
}

/*****************************************************************************************************************
*
* FILE: /home/mark2/.hit-root/blueocean/app/plugins/custom_fields/vendors/css/custom_fields.css
*
******************************************************************************************************************/
.custom_fields.add textarea, .custom_fields.edit textarea{
    width:400px !important;
    height: 100px !important;;

}

.custom_field_groups #custom_fields{
    margin: 10px;
}


.custom_field_groups #custom_fields .input input{
    width: 30px;
}


.custom_form_submissions.view dd {
margin-left:160px;
margin-top:-2em;
vertical-align:top;
}

.custom_form_submissions.view dt {
font-weight:bold;
padding-left:4px;
vertical-align:top;
width:150px;
}

/*****************************************************************************************************************
*
* FILE: /home/mark2/.hit-root/blueocean/app/plugins/categories/vendors/css/tendrils/categories.css
*
******************************************************************************************************************/
/***************************************/
/******                           ******/
/******     Categories List       ******/
/******                           ******/
/***************************************/
     #categorySidebar .categoriesList {
          margin: 0;
          padding: 0; 
     }
          .categoriesList li {
              cursor: pointer;
              font-weight: bold;
              /*font-size: 10px;*/
              list-style-type: none;
              overflow: hidden;
              text-transform: capitalize;
              white-space: nowrap;
              
               }
               
               .jqn .categoriesList li span {
                    background:url("../img/spritesheet.png") no-repeat scroll -454px -943px transparent;
					display:block;
					float:left;
					height:12px;
					text-indent:-9999px;
					width:12px;
               }

               .jqn .categoriesList li.hasChild span.childSpan {
                   background-position: -943px -1103px;
               }
               .jqn .categoriesList li.hasChild span.open {
                   background-position: -943px -1124px;
               }
               
          .categoriesList a {
               color: #DB5151;
          }

/***************************************/
/******                           ******/
/******   Categories FlagBoxes    ******/
/******                           ******/
/***************************************/
#categoriesWrapper {
    float: left;
    overflow: hidden;
    padding: 0 0 1px 5%;
    width: 80%;
}

/***************************************/
/******                           ******/
/******    Ajax Categories List   ******/
/******                           ******/
/***************************************/
.categoryBox {
    overflow: auto;
}

.categoryBox div {
    float: left;
    clear: none;
    padding: 0;
}

.categoryBox select {
    width: 195px;
}

.jqn ul.categoriesList ul { 
    display: none;
}

#ClassifiedAddForm .categories div {
    clear: none;
    float: left;
    overflow: hidden;
}

/*  Category Search Box */



/*****************************************************************************************************************
*
* FILE: /home/mark2/.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/mark2/.hit-root/blueocean/app/plugins/featureds/vendors/css/tendrils/featureds.css
*
******************************************************************************************************************/
/***********************/
/*  Featureds Layout  */
/***********************/

.featuredItem {
    overflow: hidden;
    height:233px;
}

.featuredWrapper {
	width:95%;
}

.featuredFlag {
	float:left;
	width:33%;
}

.featuredTitle {
	clear:none;
	float:left;
	width:60%;
}

.featuredItem .dateInfo {
    background:transparent url(../img/spritesheet.png) no-repeat scroll -378px -1000px;
    color: #ffffff;
    float: left;
    font-size: 18px;
    height: 20px;
    margin: 0;
    padding: 27px 0 0 17px;
    text-align: center;
    width: 170px;
}

.featuredItem hr {
    margin-top:15px;
}

.featuredItem h2{
	font-size:1.35em;
	margin-top: 10px;
}

.featuredItem .when {
	clear:left;
	float:left;
	font-weight:bold;
	width: 300px;
}

.featuredItem .readMore {
	margin-right:15px;
}

h3.featuredTitle {
        clear: none;
        float: left;
        overflow: hidden;
    }
    
.featuredItem p {
	height: 95px;
	padding: 20px 10px 10px;
}

     
    .featuredItem h2.dateInfo a {
        color: #fff;
    }
          
.featuredContent {
	float:left;
	clear:left;
    height:160px;
    margin: 0 0 2% 3%;
    overflow: hidden;
    position:  relative;
    width: 90%;
}
	
    .featuredContent .imageAttach {
        border: 1px solid #CCCCCC;
        float:left;
        height: 141px;
        margin: 10px;
        width: 141px;
    }
    
    .featuredItem .boxFlag h1 {
        left:49px;
    }
    
    
    .featuredItem .boxFlag h2, 
    .featuredItem .boxFlag h3 {
        left:210px;
    }
    
    .classifieds .actions ul {
    /*included only if featureds are installed*/
    	float:left;
    }
	.featureds.tendril a,
     a.makeFeatured{
		color:#000000;
		float:left;
		font-size:0.75em;
    	margin:0;
		padding:2px 5px;
		text-transform:uppercase;
    }
    
    .featureds.tendril .unMakeFeatured,
    .featureds.tendril .makeFeatured {
    	background:transparent url(../img/spritesheet.png) no-repeat scroll right -1101px;
    	display:block;
    	float:left;
    	text-indent: -9999px;
    	width:8px;
    }
    

/*****************************************************************************************************************
*
* FILE: /home/mark2/.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;
}
    #searchBar {
        background: url('../img/spritesheet.png') repeat-x 0 -251px;
        border-bottom: 1px solid #A1A1A1;
        border-top: 1px solid #FFF;
        clear: both;
        color: #000;
        height: 26px;
        margin: 0;
        padding: 8px 0 0 0;
        display:none;
    }
    
    /*div.searchBarOnSearch{
        height:auto !important;
    }*/
    
    #SearchAddForm {
        margin: 0 0 0 9px;
    }
        .pageBanner #searchBar {
            margin-bottom: 0;
            width: 100%;
        }
        #SearchAddForm div {
            float: left;
            clear: none;
            margin: 0;
            padding: 0;
            color: #808080;
        }
            #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;
            display:none;
        }
            #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/mark2/.hit-root/blueocean/app/plugins/categories/vendors/css/tendrils/categories/blog.css
*
******************************************************************************************************************/
/***********************/
/*  Categories In Blogs  */
/***********************/

.blog #categoriesWrapper {
	padding:0px;
	margin:0px;
	width:100%;
}

.blog #contributors #categorySidebar {
        display:block;
        float:none;
        margin-bottom: 10px;
        width:100%;
    }
    
.blog .categoriesList ul {
	list-style-type:none;
}

	.blog .categoriesList li, .blog .categoriesList li a {
		color: #404040;
		font-size: 1em;
		text-transform: capitalize;
	}

.blog.add .categoryBox {
	padding-top:0;
	width:475px;
}

.blog.add .categoryBox label {
	font-weight:bold;
}

.blog.add .addEdit.form .submit input {
	margin-top:46px !important;
}

/*  Blog Category Results */
.blog.results {
	width:85%;
}

.blog.results .model_image {
	border:1px solid #e7e7e7;
	float:left;
	height:41px;
	width:41px;
	margin:0px 5px;
}

.blogPosts h2.secondaryHeader,
.blogPosts h2.secondaryHeader a {
	color:#ffffff;
	padding-bottom:9px;
	padding-left:3px;
}





/*****************************************************************************************************************
*
* FILE: /home/mark2/.hit-root/blueocean/app/plugins/categories/vendors/css/tendrils/categories/classifieds.css
*
******************************************************************************************************************/
/*********************************/
/*  Classifieds Category Results */
/*********************************/

.classifieds #categoryBreadcrumb {
    color: #BEBEBE;
    margin: 3px 0 0 5px;
}

.classifieds #categoryBreadcrumb a {
    color: #BEBEBE;
}

.classifieds #categorySidebar {
    padding: 0 1% 2%;
    width: 20%;
}
	
.classifieds #categoriesWrapper {
    overflow: hidden;
    padding: 0 0 1px 5%;
    width: 71%;
}

	
	.classifieds #categoriesWrapper .boxFill {
	   width: 97%;
	} 
	
	
	
    h2.category {
        background: transparent url(../img/spritesheet.png) no-repeat scroll -395px -1000px;
        float: left;
        font-size: 18px;
        height: 20px;
        margin: 0;
        padding: 27px 0 0 13px;
        text-align: center;
        width: 163px;
    }
	
	   h2.category, h3.subcategory {
        float: left;
        overflow: hidden;
    }

     
    h2.category, h2.category a {
        color: #fff;
    }
          
    h3.subcategory {
        color: #000;
        float: left;
        font-weight: bold;
        height: 30px;
        line-height: 14px;
        margin: 0;
        padding: 17px 0 0 5px;
        width: 109px;
    }
    
        h3.subcategory a {
            color: #EE3322;
        }
        
        


/*********************************/
/*  Classifieds Index Flags      */
/*********************************/

.cateogry.tendril {
	width:100%;
}

.category.tendril .categoryFlag {
	float:left;
	width:35%;
}

.category.tendril .categoryDetail {
	clear:none;
	float:left;
	width:60%;
}

/*****************************************************************************************************************
*
* FILE: /home/mark2/.hit-root/blueocean/app/plugins/categories/vendors/css/tendrils/categories/gallery_albums.css
*
******************************************************************************************************************/
/*******************/
/*  Gallery Albums */
/*******************/

.galleries.index #categoriesWrapper {
    padding: 1px 0;
}



/*****************************************************************************************************************
*
* FILE: /home/mark2/.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/mark2/.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/mark2/.hit-root/blueocean/app/plugins/featureds/vendors/css/tendrils/featureds/blog.css
*
******************************************************************************************************************/
/********************/
/*  Featureds Blog  */
/********************/

/* Blog Index */

#blogPosts .featuredItem .commentCount {
	color:#CC0101;
	float:left;
	font-weight:bold;
	margin-left:25px;
	margin-top: -3px;
}

#blogPosts h3.featuredTitle {
	font-size:1.25em;
	line-height:1.25em;
}

#blogPosts featuredItem p {
	color:#666666;
	font-weight:normal;
}

/*****************************************************************************************************************
*
* FILE: /home/mark2/.hit-root/blueocean/app/plugins/featureds/vendors/css/tendrils/featureds/videos.css
*
******************************************************************************************************************/
.videos.index .featuredItem{
    min-height:320px;
}
.videos.index div.largeVideoPlayer{
	
	min-height:260px;
}
.videos.index .featuredContent{	
    background-color:#3f3f3f;
    text-align:center;
    height:100%;

}

div.videoInfo{
    background-color:#111111;    
    color:#fefefe;
    height:40px;    
    overflow:hidden;
}

div.videoInfo a{   
    color:#fefefe;
   
}

.videos.index div.videoInfo div{    
    padding:1px 10px;
}

.videos.index .taglineContent{
	
    clear:left;    
    float:left;	
	height: 5px;
	padding-top:0px !important;
}
.videos.index .videoTitle{	
    float:left; 
	padding:1px 5px 1px 5px;
    text-align:left;
}

div.videoInfo div#videoInfoRight{
    float:left;
    padding:1px 5px 1px 5px;
    text-align:right;
}

div.largeVideoPlayer a.videoPlayer, div.largeVideoPlayer a.streamVideoPlayer{
	display:block;
    margin:0pt auto;
}

/*****************************************************************************************************************
*
* FILE: /home/mark2/.hit-root/blueocean/app/plugins/search/vendors/css/tendrils/search/auction.css
*
******************************************************************************************************************/
.auction_items.search .boxFill .attachedImage{
    border:2px solid #E6E6E6;
    display:table-cell;
    float:left;
    height:75px;
    line-height:75px;
    margin:5px 11px;
    overflow:hidden;
    text-align:center;
    vertical-align:middle;
    width:75px;
    padding:2px;
}
.auction_items.search .boxFill .auctionTitle{
    float:left;
    width:150px;
}

.auction_items.search .boxFill .highestBid{
    float:right;
    width:100px;
}

.auction_items.search .boxFill .startingPrice{
    float:right;
    width:150px;
}

.auction_items.search .boxFill .description{
    clear:right;
    padding:3px;
}
.auction_items.search .boxFill .ending{
    float:right;
    width:200px;
}


.auction_items .boxFill.bold{
    font-weight:bold;
    font-size:110%;
}

.auction_items .boxFill.highlight{
    background-color:#FCD116;
}

/*****************************************************************************************************************
*
* FILE: /home/mark2/.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/mark2/.hit-root/blueocean/app/plugins/search/vendors/css/tendrils/search/classifieds.css
*
******************************************************************************************************************/
/*******************************/
/*  Classifieds Search Results */
/*******************************/.classifiedsResults.search div.wrapper{    background-color:#1D349D;    padding:10px;    overflow:hidden;    color:#fff;    margin:10px 20px;    height:150px;	}.classifiedsResults.search div.wrapper a{	color:#fff;}.classifiedsResults.search div.wrapper div.top{    overflow:auto;}        .classifiedsResults.search div.wrapper div.logoImage{            width:140px;            height:130px;            float:left;            overflow:hidden;        }        .classifiedsResults.search div.wrapper div.top div.logoImage div.imageAttach.tendril div#mainImage{            border:none;            text-align:left;        }                .classifiedsResults.search div.wrapper div.top div.logoImage div.imageAttach.tendril div#mainImage img{            width:300px;        }        .classifiedsResults.search div.wrapper div.contentLeft div.title{            margin-bottom:5px;        }        .classifiedsResults.search div.wrapper div.contentLeft div.title a{            color:#fff;            font-size:24px;            font-weight:bold;            text-decoration:none;        }        .classifiedsResults.search div.wrapper div.contentLeft div.slogan{            margin-bottom:5px;            font-size:16px;        }        .classifiedsResults.search div.wrapper div.contentLeft div.web{            margin-top:10px;        }        .classifiedsResults.search div.wrapper div.contentLeft div.web a{                        font-size:16px;            color:#fff;        }        .classifiedsResults.search div.wrapper div.bottom{    clear:both;    text-align:center;    overflow:auto;}        .classifiedsResults.search div.wrapper div.bottom div.phone{            margin-left:135px;            font-size:14px;            font-weight:bold;            float:left;        }        .classifiedsResults.search div.wrapper div.bottom div.email{            margin-left:50px;            float:left;        }        .classifiedsResults.search div.wrapper div.bottom div.email a{            color:#fff;            font-size:14px;            font-weight:bold;        }

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

/*****************************************************************************************************************
*
* FILE: /home/mark2/.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;
}