/* body */
html
{
    height:100%;
}

body
{
    margin:0;
    /*background-color:#346200;*/
    background-color:#006666;
    font-family:Verdana;
    font-size:0.77em;
    height:100%;
}

/* links */

a
{
    /*color:#333333;*/
    color:#006666;
    text-decoration:none;
}

a:hover
{
color:green;
text-decoration:underline;
} 

a.underline
{
    text-decoration:underline;
}

/* headers */

h1
{
    color:#ffffff;
    font-family:Arial Rounded MT Bold, Arial;
    font-size:1.8em;
    margin:0;
    padding:0;
}

h2
{
    font-family:Arial Rounded MT Bold, Arial;
}

h3
{
    /*color:#356200;*/
    color:#006666;
    margin:0;
    padding:0;
}

h3.topmargin
{
    margin-top:20px;
}

/* paragraphs */

p
{
    line-height:1.6em;
}

/* images */

img.middletext
{
    vertical-align:middle;
    margin-right:10px;
}

/* floats */

.clear
{
    clear:both;
}


/* forms */

form ul
{
    list-style-type:none;
    padding:0;
    margin:0;
}

form ul.twocolumn
{
    width:800px;
}

form ul li.columnone
{
    float:left;
    width:400px;
}

form ul li.columntwo
{
    float:right;
    width:400px;
}

form div
{
    list-style-type:none;
    padding:0;
    margin:0;
}

form div.twocolumn
{
    width:900px;
}

form  div.columnone
{
    float:left;
    width:450px;
}

form  div.columntwo
{
    float:right;
    width:450px;
}
form img
{
    margin:10px 0 10px 0;
}

/* input */

input
{
    /*border:solid 1px #356200;*/
    border:solid 1px #006666;
    width:250px;
    height:22px;
    line-height:22px;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    padding-left:5px;
    margin:5px 0 5px 0;
}

input[type=checkbox]
{
    width:20px;
    border:none;
}

input.submit
{
    height:30px;
    width:auto;
    padding:0 20px 0 20px;
    background:-webkit-gradient(linear,left top, left bottom, from(#DBDBDB), to(#BBBBBB));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DBDBDB', endColorstr='#BBBBBB');
    background:-moz-linear-gradient(top, #DBDBDB, #BBBBBB);
}

.submit
{
    height:30px;
    width:auto;
    padding:0 20px 0 20px;
    background:-webkit-gradient(linear,left top, left bottom, from(#DBDBDB), to(#BBBBBB));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DBDBDB', endColorstr='#BBBBBB');
    background:-moz-linear-gradient(top, #DBDBDB, #BBBBBB);
}

input.radio
{
    border:0;
    text-align:left;
    width:30px;
}

form ul li  label.radio
{
    width: 100px;
    vertical-align:baseline;
}


form ul li label.columnone
{
 /*color: #356200;*/
 color: #99CC66;
}

fieldset  
{
     width:800px;
}

/* text areas */

textarea
{
    border:solid 1px #006666;
    width:500px;
    height:100px;
    line-height:22px;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    padding-left:5px;
    margin:5px 0 5px 0;
    font-family:Verdana;
    font-size:1.0em;
}

textarea.emailMessage
{
    border:solid 1px #99CC66;
    width:800px;
    height:400px;
    line-height:22px;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    padding-left:5px;
    margin:5px 0 5px 0;
    font-family:Verdana;
    font-size:1.0em;
     vertical-align:text-bottom;
}

/* rich text box and default content with rich text box*/

table.defaultcontent
{
    width:100%;
    height:100%;
    background-color:#ffffff;
    border-collapse:collapse;
    font-size:0.95em;
}

table.defaultcontent th
{
    border:solid 1px #000000;
    text-align:left;
    font-weight:normal;
    padding-left:3px;
    height:30px;
}

table.defaultcontent td
{
    padding:5px 5px 0 5px;
    border:solid 1px #000000;
    vertical-align:top;
}

table.defaultcontent td.twocolumn
{
    width:50%;
}

table.defaultcontent td.threecolumn
{
    width:33%;
}

table.defaultcontent td.fourcolumn
{
    width:25%;
}

div.jHtmlArea
{
    margin-bottom:5px;
    width:100px;
}

/* drop down lists */

form ul li select
{
    border:solid 1px #006666;
    height:22px;
    line-height:22px;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    padding-left:5px;
    margin:5px 0 5px 0;
    min-width:250px;
}

form ul li select.LectureRemit
{
    border:solid 1px #006666;
    min-height:22px;
    line-height:22px;
    border-radius:0.5em;
    -moz-border-radius:0.5em;
    padding-left:5px;
    margin:5px 0 5px 0;
    min-width:250px;
    height:auto;
}
/* asp.net mvc validation classes */

.input-validation-error 
{
    border: 1px solid #FF6A6A;
}
 
.input-validation-valid  
{
    /* Optional: you can set whatever style you want */
}

.field-validation-error 
{
    color: #f00;
}

.field-validation-valid 
{
    display: none;
}

.validation-summary-errors 
{
    background:#FFEEEE url(/Content/Images/Icons/Error.png) no-repeat 10px 10px;
    border:solid 1px #FF6A6A;
    padding:10px 10px 10px 50px;
    margin-bottom:10px;
    color:#333333;
    border-radius:0.6em;
    -moz-border-radius:0.6em;
}

.validation-summary-errors ul
{
    list-style-type:disc;
    margin-left:30px;
}

.validation-summary-errors ul li
{
    margin:5px 0 5px 0;
}

.validation-summary-valid 
{
    display: none;
}

/* hidden element */

.hidden
{
    display:none;
}

/* links */

a img 
{
    border:0;
}

/* site - master div on the page which holds all of the site content */

#site 
{
    height:100%;
    
}

/* header */

#header
{
    height:30px;
    line-height:30px;
    text-align:right;
    padding-right:20px;
    color:#ffffff;
}

#header .userdetails
{
    float:left;
    margin-left:100px;
}

#header .splitter
{
    color:#7AC01C;
}

#header a
{
    color:#ffffff;
}

/* gcc logo */

#glasgowcitycouncillogo
{
    z-index:1000000;
    /*margin:-16px 0 0 24px;*/
    top:15px;
    left:20px;
    position:absolute;
}

/* menu */

#menu
{
    z-index:1000000;
    /*margin:80px 0 0 -17px;*/
    left:20px;
    position:absolute;
    border:1px solid red;
}

#menu ul
{
    margin:0;
    padding:0;
    top:80px;
    position:absolute;
    list-style-type:none;
}

#menu ul li
{
    margin-bottom:10px;
    position:relative;
}

#menu ul ul.submenu
{
    display:none;
    margin:0;
    top:-50px;
    z-index:100;
    min-height:100px;
    height:auto;

}

#menu ul ul.submenu a:hover
{
    text-decoration:underline;
}

#menu ul ul
{
    width:150px;
    /*margin:-46px 0 0 70px;*/
    padding:5px 10px;/**/
    border:solid 2px #6D6D6D;
    background-color:#ffffff;
    /*position:absolute;*/
    position:absolute;
    /*top:70px;*/
    left:65px;
}

#menu ul ul .header a
{
    color:#006666;
    font-weight:bold;
}

/* content - the div on the page which holds the actual content for each page */

#content
{
    background:#7AC01C url(/Content/Images/LetGlasgowFlourish.png) no-repeat top right;
    border-top:solid 2px #ffffff;
    border-left:solid 2px #ffffff;
    margin:0 0 0 47px;
    padding:10px 0 0 50px;
    bottom:0;
    min-height:768px;
   
}

/* page title */

#content #pagetitle
{
    /*background-color:#68A81D;*/
    background-color:#006666;
    width:95%;
    color:#ffffff;
    height:32px;
    line-height:32px;
    margin:64px 0 20px 0;
}

#content #pagetitle h2
{    
    padding-left:60px;
}

#content #pagetitle img
{
    z-index:1000;
    position:absolute;
    margin:-10px 0 0 -10px;
}

/* holder for content boxes */

.contentboxholder
{
    width:95%;
}

/* content boxes - these hold bits of content, forms etc on the pages */

#content .contentbox
{
    background-color:#ffffff;
    /*border:solid 3px #356200;*/
    border:solid 3px #666666;
    padding:0;
    border-bottom-left-radius:0.6em;
    border-bottom-right-radius:0.6em;
    -moz-border-radius-bottomleft:0.6em;
    -moz-border-radius-bottomright:0.6em;
}

#content .contentbox.main
{
    float:left;
    width:75%;
}

#content .contentbox.sub
{
    float:right;
    width:23%;
}

#content .contentbox.sub.jobs
{
    float:right;
    width:23%;
}

#content .contentbox .header
{   
    font-weight:bold;
    padding-left:10px;
    height:30px;
    line-height:30px;
    /*background-color:#356200;*/
    background-color:#666666;
    color:#ffffff;
}

#content .contentbox .breadcrumbs
{
    height:30px;
    line-height:30px;
    padding-left:10px;
    /*border-bottom:solid 1px #356200;*/
    border-bottom:solid 1px #666666;
    background:-webkit-gradient(linear,left top, left bottom, from(#F0EFEF), to(#DFDFDD));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0EFEF', endColorstr='#DFDFDD');
    background:-moz-linear-gradient(top, #F0EFEF, #DFDFDD);
}

#content .contentbox .breadcrumbs ul
{
    margin:0;
    padding:0;
}

#content .contentbox .breadcrumbs ul  li
{
    list-style-type:none;
    float:left;
    display:block;
    padding-left:10px;
}

#content .contentbox .breadcrumbs ul li a
{
    display:block;
    background-image:url(/Content/Images/Breadcrumbs/Separator.png); 
    background-repeat:no-repeat; 
    background-position:right;
    height:30px;
    padding-right: 15px;
}

#content .contentbox .breadcrumbs .first
{
    padding-left:0;
}

#content .contentbox .breadcrumbs .last
{
    /*color:#356200;*/
    color:#666666;
}

#content .contentbox .content
{
    padding:10px;
    min-height:280px;
    height:auto;
}

#content .contentbox .content .changemade
{
    border:solid 1px #cccccc;
    border-radius:0.6em;
    -moz-border-radius:0.6em;
    background:#F2F2F2 url(/Content/Images/Icons/Success.png) no-repeat 10px 10px;
    padding:0px 10px 10px 50px;
    margin-bottom:10px;
}

#content .contentbox .content .errorOccurred
{
    border:solid 1px #cccccc;
    border-radius:0.6em;
    -moz-border-radius:0.6em;
    background:#F2F2F2 url(/Content/Images/Icons/Error.png) no-repeat 10px 10px;
    padding:0px 10px 10px 50px;
    margin-bottom:10px;
}

#content .options li
{ 
    height:20px;
}

#content img.option
{
    margin:0 7px 13px 0;
    vertical-align:text-top;
}

/*  login */

#login
{
    width:550px;
    margin:70px auto;
}

#login #recoverpassword
{
    padding:5px;
    margin-top:10px;
    height:20px;
    line-height:20px;
    border:solid 1px #cccccc;
    background-color:#F2F2F2;
    border-radius:0.6em;
    -moz-border-radius:0.6em;
}

/* update list - used to list items with update/delete etc links */

.updatelist
{
    width:100%;
    text-align:left;
    border-collapse:collapse;
}

.updatelist tr
{
    height:31px;
}

.updatelist tr.selected
{
    background-color:#F3F4F6;
}

.updatelist tr img
{
    margin-top:3px;
}

.updatelist tr th
{
    width:auto;
    text-align:left;
    padding-left:5px;
    /*border-bottom:solid 1px #356200;*/
    border-bottom:solid 1px #666666;
    background-color:#F3F4F6;
    color:#006666;
    min-height:20px;
    height:auto;
}

.updatelist th.iconfield, .updatelist td.iconfield
{
    text-align:center;
}

.updatelist tr td
{
    padding:3px 0 3px 5px;
    border-bottom:dashed 1px #cccccc;
    vertical-align:middle;
}

.updatelist tr td form input
{
    width:auto;
    height:auto;
    border:none;
    margin:0;
    padding:0;
}

/* JQuery UI image overrides  */

.ui-icon 
{
    background-image: url(/content/images/jqueryui/ui-icons_222222_256x240.png);
}

.ui-widget-content .ui-icon 
{
    background-image: url(/content/images/jqueryui/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon 
{
    background-image: url(/content/images/jqueryui/ui-icons_222222_256x240.png);
}

.ui-state-default .ui-icon 
{
    background-image: url(/content/images/jqueryui/ui-icons_888888_256x240.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon 
{
    background-image: url(/content/images/jqueryui/ui-icons_454545_256x240.png);
}

.ui-state-active .ui-icon 
{
    background-image: url(/content/images/jqueryui/ui-icons_454545_256x240.png);
}

.ui-state-highlight .ui-icon 
{
    background-image: url(/content/images/jqueryui/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon 
{
    background-image: url(/content/images/jqueryui/ui-icons_cd0a0a_256x240.png);
}

/* JQuery UI widget overrides */

.ui-widget-content 
{
    border: 0;
}

/* JQuery UI helper overrides */

.ui-helper-hidden-accessible
{
    clip: auto;
}

/* JQuery UI dialog overrides */

.ui-dialog 
{
    padding:0;
    border-radius:0 0 0.6em 0.6em;
    -moz-border-radius:0 0 0.6em 0.6em;
    border:solid 3px #356200;
    font-size:1em;
}

.ui-dialog .ui-dialog-titlebar 
{
    border:0;
    border-radius:0;
    -moz-border-radius:0;
    color:#ffffff;
    background-color:#356200;
    padding:0 0 3px 5px;
    height:27px;
    line-height:27px;
}

.ui-dialog .ui-dialog-content
{
    width:100%;
}

.ui-dialog .ui-dialog-titlebar-close 
{
    margin: -10px 10px 0 0;
}

ui-datepicker-year select
{
    width: 100px;    
}

.loading
{
    text-align:center;
    margin-top:60px;
}

.searching
{
    text-align:center;
}

.processing
{
    display:none;
}

.processing img
{
    vertical-align:middle;
    margin-top:-3px;
}

.azlist
{
	float:left;
	width:27px;
	margin-bottom:7px;
	font-size:1.0em;
}

#menu ul ul.subleft
{
    float:left;
    margin:0;
    padding:0;
     /*border:1px solid red;*/
     position:relative;
     left:0;
     top:0;
     border:0;
    
}

#menu ul.multi
{
  width:610px;  
}

.subleft li
{

}

.dlbut
{
    vertical-align:middle;
}

input.readonly
{ 
    background-color: #E6E6E6; 
}

#editorRows { margin: 1em; }

#editorRowsFile { margin: 1em; }

.ui-tabs .ui-tabs-panel a
{
    /*color:#333333;*/
    color:#006666;
    text-decoration:none;
}

.ui-tabs .ui-tabs-panel a:hover
{
color:green;
text-decoration:underline;
} 

.ui-tabs .ui-tabs-panel a.underline
{
    text-decoration:underline;
}


table.chkItemsTable
{
    width:100%;
    height:100%;
    background-color:#ffffff;
    border-collapse:collapse;
    font-size:0.95em;
}

.chkItemsTable tr td
{
    color:#006666;
    vertical-align:top;
}

.chkItemsTable tr td input[type=checkbox]
{
    color:#006666;
    vertical-align:middle
}

fieldset legend 
{
    margin: 3px;
    padding: 5px;
    border: 0;
    top: auto; left: auto;
    float: none;
    display: block;
    font-size: 12px;
    line-height: 18px;
    color:#006666;
    font-weight:bold;
}

hr {
 color:#006666;
}


/* JQuery UI dialog overrides */

.ui-dialog 
{
    padding:0;
    border-radius:0 0 0.6em 0.6em;
    -moz-border-radius:0 0 0.6em 0.6em;
    border:solid 3px #356200;
    font-size:1em;
    top:50px;
    left:10px
}

.ui-dialog .ui-dialog-titlebar 
{
    border:0;
    border-radius:0;
    -moz-border-radius:0;
    color:#006666;
    background-color:#006666;
    padding:0 0 3px 5px;
    height:27px;
    line-height:27px;
}

.ui-dialog .ui-dialog-content
{
    width:100%;
}

.ui-dialog .ui-dialog-titlebar-close 
{
    margin: -10px 10px 0 0;
}

/* The holder for the site breadcrumbs */

#BreadcrumbsContentHolder
{
    
    background-image:url(../content/images/PageBackground.png);
    background-repeat:repeat-x;
}

#BreadcrumbsHolder
{
    padding:4px 0 0 20px;
    height:25px;
    border-bottom:solid 1px #297BDE;
}    

#BreadcrumbsHolder a
{
    color:Black;
    text-decoration:none;
}

#BreadcrumbsHolder a:hover
{
    text-decoration:underline;
}

.floatLeft
{
   float:left;    
}

.floatRight
{
   float:right;    
}

input[readonly]
{ 
    background-color: #E6E6E6; 
}

.rotate {
     -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
       -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
}