/* page structure */

body{
   padding:       10px 20px 0 10px;
   font-family:   Verdana,Arial,Helvetica,sans-serif;
   font-size:     0.9em;
   max-width:     1200px;
   min-width:     800px;
   color:         #535353;
}

#header{
   min-width:     885px;
}

#header #join{
   width:         225px;
   float:         left;
}

#header #search{
   width:         275px;
   margin:        0 auto;
   padding-top:   30px;
}

#header input{
   margin:        0;
}

#header #signin{
   width:         225px;
   float:         right;

}

#footer{
   text-align: center;
   line-height: 150%;
   clear: both;
   padding-top: 20px;
}

#breadcrumbs{
   clear:         both;
}

#left-sidebar{
   width:         160px;
   background:    #768D7A;
   border:        1px solid #000;
   float:         left;
}

#left-sidebar li{
   border-bottom: 1px solid #000;
}

#left-sidebar li.last{
   border-bottom: none;
}

#main{
   margin-left:   175px;
   margin-bottom: 20px;
}

.bigMinWidth{
   min-width:     950px;
}

.mediumMinWidth{
   min-width:     800px;
}

.smallMinWidth{
   min-width:     525px;
}

#center-col{
   margin-right:  235px;
}

#right-sidebar{
   float:         right;
   width:         215px;
   border-left:   1px solid #e1e1e1;
   padding-left:  10px;
}

#greenblock{
   background:    #768D79;
   height:        30px;
}

div#titleholder{
   color:         #FFFFFF;
   font-weight:   bold;
   font-size:     18px;
   border-bottom: 15px black solid;
   background:    #768d79;
   margin:        20px 0;
   padding:       6px 15px;
   height:        30px;
   line-height:   30px;
}

div#viewall{
   float:         right;
   width:         100px;
   /*background:    #768D79 url(http://bookings.rcpe.ac.uk/images/green-left.png) no-repeat center left;*/
   height:        35px;
   padding-left:  45px;
   font-size:     12px;
   line-height:   14px;
   text-transform:uppercase;
}

div.singleevent{
   border-bottom: 1px dotted #c0c0c0;
   padding:       10px 0;
}

div#event{
   border:        1px solid #c7c7c7;
   border-top:    none;
   padding:       10px;
   margin-top:    -3px;
   width:         96.7%;
   float:         left;
}

div#event-tabs{
   float:         left;
   width:         100%;      
}

div#eventTop{
   background:    white url(../images/event-details-bg-grad.png) repeat-x center left;
   height:        37px;
   line-height:   37px;
   -moz-border-radius-bottomleft:   6px;
   -moz-border-radius-bottomright:  6px;
   -moz-border-radius-topleft:      6px;
   -moz-border-radius-topright:     6px;
   padding:       0 10px 0 10px;
   margin-top:    20px;
   width:         97%;
}


div#booking-info{
   float:         left;
   padding-bottom:10px;
   width:         100%;
}

p#event-page-form-download{
   border-top:    1px solid #c9c9c9;
   text-align:    right;
   clear:         right;
   padding-top:   5px;
}

div#event-date{
   width:         200px;
   display:       inline;
   float:         left;
   font-weight:   bold;
   padding-top:   1px;
}

div#venue{
   width:         400px;
   display:       inline;
   float:         right;
   font-weight:   bold;
   position:      relative;
   top:           -10px;
}

div#form-tabs{
   border:        1px solid #c7c7c7;
   border-top:    none;
   width:         96.7%; 
   margin-top:    -3px;
   padding:       20px 10px 10px;
   background:    transparent;
}

/* end page structure */

/* General Typography */

h1.success{
   margin-top:    20px;
   color:         #768D79;
}

h1.content{
   margin-top:    20px;
   color:         #768D79;
   font-weight:   bold;
}

#eventTop h1{
   color:         #FFFFFF;
   text-transform:uppercase;
   font-weight:   bold;
}

#form-tabs h1{
   color:         #000000;
   font-weight:   bold;
   margin-bottom: 10px;
}

#event h2{
   color:         #000000;
   font-weight:   bold;
   font-size:     16px;
   margin:        7px 0;
}


h4{
   color:         #4d594f;
   font-weight:   bold;
   border-bottom: 1px solid #d3d3d3;
   padding-bottom:5px;
   margin:        15px 0;
   width:         600px;
}

p{
   font-size:     0.8em;
   color:         #7a7a7a;
   margin:        10px 0;
}

.ui-state-error p{
   color:         #CD0A0A;
   margin:        0;
}

p.leadin{
   margin:        0 0 20px 0;
   font-weight:   bold;
}

span#view{
   color:         #29402c;
   display:       block;
}

span#allevents{
   color:         #FFFFFF;
}

span.date{
   color:         #5c5c5c;
   font-weight:   bold;
   font-size:     11px;
}

span#event-page-date{
   font-weight:   bold;
}

span#venue-text{
   font-size:     0.9em;
   float:         left;
}

span#date-text{
   color:         #222222;
}

div#venue p{
   margin:        0 0 20px 60px;
   padding-top:   2px;
}

#right-sidebar h2{
   font-family:   Georgia, serif;
   font-weight:   bold;
   font-size:     12px;
}

#right-sidebar ul{
   margin-top:    10px;
   padding-left:  20px;
   font-size:     11px;
}

#right-sidebar li{
   list-style-image: url(../images/arrow-right.gif);
}

p.organiser{
   font-weight:   bold;
   color:         #768D79;
}

/* end general typography */

/* links */

.ui-widget{
   font-size:     1em;
}

#viewall a:link, #viewall a:visited{
   text-decoration:none;
}

#viewall a:hover, #viewall a:active{
   text-decoration:none;
}

a.moreLink{
   float:         right;
   margin-top: 20px;
}

a.event-book-now{
   float:         right;
   margin-bottom: 10px;
}

#left-sidebar a{
   color:         white;
   font-weight:   bold;
   display:       block;
   padding:       3px 0 3px 3px;
   font-size:     0.9em;
}

#left-sidebar a:link, #left-sidebar a:visited{
   text-decoration: none;
}

#left-sidebar a:hover, #left-sidebar a:active{
   color:         #000;
}

a.eventTitle{
   color:         #222222;
   font-size:     14px;
   font-weight:   bold;
}

a.eventTitle:link, a.eventTitle:visited{
   text-decoration:none;
}

a.eventTitle:hover, a.eventTitle:active{
   text-decoration:underline;
}

div#breadcrumbs{
   font-weight:   bold;
   font-size:     12px;
   margin-top:    25px;
}

div#breadcrumbs a:link, div#breadcrumbs a:visited{
   color:         #006633;
   text-decoration: underline;
}

div#breadcrumbs a:hover, div#breadcrumbs a:active{
   text-decoration: none;
}

div#events-notabs h3{
   padding:       5px 0 5px 5px ;
}

/* end links */

/* form stuff */

label{
   position:      absolute;
   text-align:    left;
   width:         250px;
   margin-bottom: 5px;
   font-size:     12px;
   font-weight:   bold;
   line-height:   12px;
}

input, textarea, select {
   margin-left:   270px;
   border:        1px solid #bbb;
   margin-bottom: 5px;
}

textarea{
   font-weight:   bold;
   color:         #636363;
}

#main input.text{
   width:         190px;
   color:         #636363;
   font-size:     0.9em;
   font-weight:   bold;
}

#main select{
   font-size:     0.8em;
   color:         #636363;
}

label.check, label.radio {
   position:      relative;
   text-align:    left;
}

span.req-field{
   color:         #da2021;
}

p#runningTotal{
   font-size:     14px;
   font-weight:   bold;
   color:         #768D79;
   margin-bottom: 20px;
}

p#totals{
   font-size:     14px;
   font-weight:   bold;
   color:         red;
   margin-top:    20px;
}

span#grandTotal{
   
}

/* end form stuff */

/* Misc styles */

strong{
   font-weight:   bold;
}

#eventTop img{
   float:         right;
}

span.radioLabel{
   color:red;
}

#event-tabs table{
   float:none;
}

span.radioInputLabel{
   font-size: 12px;
   margin-left: 3px;
}

/* end Misc styles */

/* Smaller font styles for tabs! */

#event-tabs .ui-helper-reset{ font-size: 80%;}
#form-tabs .ui-helper-reset{ font-size: 80%;}
.ui-tabs .ui-tabs-nav li{ bottom: -6px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected{ height:27px; line-height: 27px; top: 0; }
.bigMinWidth{ min-width: 860px; }

/* end smaller font styles for tabs */