/*****************************************************************************************************************
*
* 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: #F4F4F4 url('../img/layout/bg_body.png') repeat-y scroll center top;

    color: #404040;

    font: normal normal 12px/18px Arial, Helvetica, sans-serif;

    text-align: left;

}



#page {

    background: #fff;

    margin: 0 auto;

    width: 800px;

}



a {

    color: #3f3f3f;

    font-weight: bold;

    text-decoration: none;

}

a img {

    border:none;

}



p {

    margin: 0;

    padding: 0 0 8px 0;

}



ul {

    list-style: outside;

    list-style-type: disc;

    margin: 0 0 9px 16px;

}



ul, li {

    margin: 0 7px;

}



/*********Page Layout ********/

body {

  min-width: 630px;      /* 2x (left column fullwidth +

                            CC padding) + right column fullwidth */

}

#main {

	margin-top: 10px;

    overflow:hidden;

}

#center, #left, #right {

    position: relative;

    float: left;

}



#center { width: 100%; }

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



#main {

    padding-left: 185px;   /* left column fullwidth */

    padding-right: 15px;  /* right column fullwidth + center column padding */

}

#center {

    padding: 0px 0px 10px 15px;    /* center column padding */

}

#left {

    width: 165px;          /* left column width */

    padding: 10px;   /* left column padding */

    right: 200px;          /* left column fullwidth + center column padding */

}



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

    padding-left: 0px;

    padding-right: 0px;

}

.landing.index #center {

    padding: 0px;

}

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

    overflow:hidden;

}



.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 a, #right a {

        font-weight:normal;

    }

    

    #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 0 5%;

    }



/******** 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:0px solid #ccc;

    border-right:0;

    clear: both;

    color: #333;

    margin-bottom: 0px;

    width: 100%;

}

th {

    background: #f2f2f2;

    border:0px solid #bbb;

    border-top: 0px solid #bbb;

    border-left: 0px 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: 0px solid #ccc;

    padding: 0px;

    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;

     height: 206px;

     border-bottom: 3px double #C1C1C1;

     display: block;

     padding: 0px 0px;

}

    #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 {

    background: #fff;

    clear: both;

    color: #333;

    border-bottom: 3px double #C1C1C1;

    min-height: 600px;

    height: auto !important;

    height: 600px;

    margin: 0;

    overflow: hidden;

    padding: 0 18px 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: lowercase;

        width: 380px;

    }



     #pageBanner #UserLoginForm, #loginModal form {

          clear: none;

          display: block;

          float: right;

          height: 105px;

          overflow: hidden;

          position: relative;

          width: 42%;

     }

     

            #pageBanner #UserLoginForm div, #loginModal form div, #pageBanner #UserLoginForm a, #loginModal form a {

                position: absolute;

                top: 5px;

            }

     

          #pageBanner #UserLoginForm .input, #loginModal form input {

               color: #fff;

               left: 0;

          }



          #pageBanner #UserLoginForm .password, #loginModal form .password {

              top: 45px;

          }



                    #pageBanner #UserLoginForm .text label, #loginModal form .text label, #pageBanner #UserLoginForm .password label, #loginModal form .password label {

                         font-weight: normal;

                         font-size: .9em;

                         margin: 0;

                    }



                    #pageBanner #UserLoginForm .text input, #loginModal form .text input, #pageBanner #UserLoginForm .password input, #loginModal form .password input {

                         padding: 0;

                         width: 135px;

                         color: #808080;

                    }

               #pageBanner #UserLoginForm .submit, #loginModal form .submit, #pageBanner #UserLoginForm a, #loginModal form a {

                    left: 170px;

                    margin: 0;

                    padding: 0;

                    top: 19px;

               }



               #pageBanner #UserLoginForm .submit input, #loginModal form .submit input {

                    padding: 0;

                    min-width: 70px;

               }

               

               #pageBanner #UserLoginForm .register, #loginModal form .register, #pageBanner #UserLoginForm .forgot, #loginModal form .forgot {

                    font-weight: normal;

                    text-decoration: underline;

                    top: 53px;

               }



               #pageBanner #UserLoginForm .forgot, #loginModal form .forgot {

                    top: 74px;

               }



/***************************************/

/******                           ******/

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

/******                           ******/

/***************************************/

#validXHTML11 {

    height: 31px;

    width: 88px;

}



#validCSS {

    border:0;

    width:88px;

    height:31px

}



#CakePHPPower {

    border:0;

    width:98px;

    height:13px   

}





/***************************************/

/******                           ******/

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

/******                           ******/

/***************************************/

.boxMain li.view a {

    color: #000;

    text-transform: uppercase;

    font-size: .75em;

    font-weight: normal;

    background: url(../img/layout/red/arrow.gif) no-repeat right;

    padding-right: 9px;

}

.actions li.edit a, .actions li.delete a {

    color: #000;

    text-transform: uppercase;

    padding-right: 9px;

}

.actions li.makeFeatured a {

    color: #000;

    text-transform: uppercase;

    font-size: .75em;

    font-weight: normal;

    background: url('../img/layout/red/arrow.gif') no-repeat right;

    padding-right: 9px;

}



/***************************************/

/******                           ******/

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

/******                           ******/

/***************************************/



#header {

    border-bottom: 0;

}





/***************************************/

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

/***************************************/

#upperMenu {

    background-color:#E7E7E7;

	border-bottom:1px solid #999999;

	height:29px;

}



    #upperMenu ul {

        margin: 0;

    }

        #topMenu {

            background: transparent url('../img/spritesheet.png') repeat-x 0px -250px;

            border-top: 3px #dadada double;

            list-style: none;

            padding: 1px 19px 0;

            height: 25px;

        }

            #topMenu li, #topMenu a {

                color: #5E5E5E;

                display: block;

                z-index: 2000;

            }

        

            #topMenu li {

                background: url('../img/tendrils/menu_items/bg_topMenuItem.png') no-repeat right top;

                cursor: pointer;

                float: left;

                font-weight: bold;

                height: 25px;

                line-height: 25px;

                margin: 0;

                padding: 0 20px;

                position: relative;

            }

            

            #topMenu li.logout-header-link, #topMenu li.user-header-link {

                background-position: left top;

                float: right;

            }

            

            

                #topMenu li:hover {

                    background: url('../img/spritesheet.png') no-repeat right -173px;

                }

        

                #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: 520px;

     font-size: 11px;

     margin-top: 6px;

}



.admin .menuTitleInput .text input, .admin .columnTitle .text input{

     width: 181px;

     margin-right: 4px;

     float: left;

}



.indicator {

	width: 11px;

	height: 11px;

	background: transparent url(../img/spritesheet.png) no-repeat scroll -150px -800px;

	clear: none;

	float: right;

	margin: 7px 10px 0px 0px;

}

.admin .submit input{

     margin-right: 0;

}

/***************************************/

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

/***************************************/

#adminMenu{

    background: #890101;

    border-bottom: 1px solid #E4E4E4;

    border-top: 1px solid #F7F7F7;

    overflow: auto;

    display: block;

    margin: 0;

}

    #adminMenu a {

        color: #ffffff;

        font-weight: normal;

        text-decoration: none;

        display: block;

        padding: 0px 15px;

        border-left: 1px solid #fefefe;

    }

        #adminMenu li:first-child a {

            border-left: 0;

        }

    #adminMenu ul {

        margin: 0;

        padding: 0;

        list-style-type: none;

    }

        #adminMenu .logout-header-link {

            float: right;

        }

        #adminMenu li {

            margin: 0;

            padding: 3px 0px;

            display: block;

            float: left;

        }

        

/***********  Admin Move Up/Down Icons  *************/

.admin .itemMoveDown, .itemMoveUp{

     width: 20px !important;

     padding:0px !important;

     margin:0px;

     height: 30px;

     background: transparent url(../img/spritesheet.png) repeat-x scroll -100px -800px !important;

}



.admin .itemMoveDown{

	background-position: -120px -800px !important;

}



.admin .itemMoveDown a, .admin .itemMoveUp a{

	display: block;

	width: 20px;

	height: 29px;

	background: transparent url(../img/spritesheet.png) no-repeat scroll -20px -800px;

}



.admin .itemMoveUp a{

	background-position: 0 -800px;

}



.admin .itemMoveDown a:hover {

	background-position: -71px -800px;

}

		

.admin .itemMoveUp a:hover {

	background-position: -51px -800px;

}



/***************************************/

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

/***************************************/



#footer {

    background: #EFEFEF;

    height: 70px;

    position: relative;

    display: block;

}

    #footer a {

        clear: right;

    }

        #footer a:first-child {

            clear: none;

        }

    #bottomMenu {

        position: absolute;

        top: 10px;

        right: 10px;

    }

        #bottomMenu ul {

            margin: 0;

            padding: 0;

            list-style-type: none;

        }

            #bottomMenu li {

                display: block;

                float: left;

                border-left: 1px solid #000;

                margin: 0;

                padding: 0 7px;

            }

                #bottomMenu li:first-child {

                    border-left: 0;

                }

                #bottomMenu li a {

                    font-weight: normal;

                }

                

                /**************

                javascript modal window

                **************/

                #modalWindow {

					left: 50%;

					margin-left: -200px;

/* 					min-width: 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/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/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;
  }
  
  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;
  }
  
  textarea{
    height:45px !important;
    width:200px !important;
  }
  div.msgs{
    margin-bottom:0 !important;
  }
  div.msgs > div{
    margin-bottom:0 !important;
  }
  
  fieldset > label{
    line-height: 1.7em !important;
  }
  
  .buttonbar a{ margin-right:1em;}
  .buttonbar input{margin-right:1em;}
  select{margin-right:1em;}
  
/********************/
/**   Admin View   **/
/********************/

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

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

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

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

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

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

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

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


.language phrases  fieldset{
     border: 0px;
}

.language phrases  fieldset legend{
     display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

div#userFilter form label{
    float:none;	
}

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

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

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

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

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

}

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

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

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

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

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


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

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

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

}

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

}

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


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

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

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

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

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

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

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

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

.menuTitleInput {
     width: 220px;
}

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

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

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

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

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

#MenuItemTitle {
     width: 175px;
}

#MenuItemUrl {
     width: 535px;
}

.menuAddButton .submit {
     float: right;
}

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

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

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

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


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

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

}

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

}

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

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

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

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

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

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

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

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

}

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


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

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

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


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

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

.profile_fields .profileGroupSelect{
     float: right;
}

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

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

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

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

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

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

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

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

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

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

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

.profile_fields.admin legend {
	display: none;
}

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

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

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

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

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

.profile_fields .profileFieldAddButton {
     float:right;
}

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

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

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

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

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

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

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

.profile_fields .profileFieldQuestion label{
	display: inline;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*****************************************************************************************************************
*
* 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/larry71/.hit-root/blueocean/app/plugins/blog/vendors/css/blog.css
*
******************************************************************************************************************/
#main.blog.index, #main.blog.view {
    padding-left: 0px;
    padding-right: 257px;
}
.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;
    padding-right: 200px;
}
.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: 46%;
	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;
	}

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