* {margin:0px; padding:0px; border:0px;}

html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; overflow-y: scroll;  }

body {font-family:helvetica; font-size:14px; background:#e8e8e6;margin:0px; padding:0px; border:0px;}

#header {width:100%; height:160px; float:left; clear:both; background:url('/images/bkg-strip.jpg') repeat-x;}
#header_content {width:1000px; height:300px; margin-left:auto; margin-right:auto; clear:both; background:url('/images/bkg.jpg') #ab4400;}
#header_home {float:left; width:180px; height:160px; margin:0px 0px;}

/*#page {width:100%; float:left; clear:both; background:#fff url('/images/page_background.jpg') no-repeat; background-position:center; background-attachment:fixed;}*/
#page {width:100%; float:left; clear:both; background:#f3f3f3;}



#page_content {width:1000px; margin-left:auto; margin-right:auto; padding:40px 0px 80px 0px; clear:both;}

#footer {width:100%; height:160px; background:#e8e8e6; color:#898989; float:left; clear:both; border-top:1px solid #dddddc;}
#footer_content {width:1000px; margin-left:auto; margin-right:auto; margin-top:40px; text-align:center; font-size:13px;}

.login {width:800px; float:right; color:White; text-align:right; height:40px; padding:10px 0px; clear:none;}

.login_text {float:right; padding:10px;}

.login_button span {
 background: url(/images/button_blue_right.png) top right no-repeat #000;
 padding: 8px 8px 8px 0px;
 text-decoration: none;
 display:block;
 float:right;
 clear:none;
 }

.login_button span a {
 background: url(/images/button_blue_left.png) top left no-repeat #000;
 padding: 8px 8px 8px 16px;
 margin:0px;
 position:relative;
 color: #fff;
 text-decoration: none;
 font: bold 14px "Arial", Helvetica, sans-serif;
 outline:0px;
 }

a
{
    color: #5a9fde;
    text-decoration: none;
    font-size:14px;
}

/*a:hover
{
    color: #4b6e8f;
    text-decoration: none;
}*/

p, ul, ol
{
    margin-bottom: 20px;
    line-height: 1.6em;
    font-size:14px;
}


ul {float:left;}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}


/* TAB MENU   
----------------------------------------------------------
*/

ul#menu {
    margin-top:60px;
    list-style: none;
    float:right;
    
    display:block;
    text-align:right;
}
 
ul#menu li 
{
    float:left;
    display: inline; /*For ignore double margin in IE6*/
    margin-left:12px;
}
 
ul#menu li span a {
    text-decoration: none;
    float:left;
    color: #fff;
    cursor: pointer;
    font-family:Arial;
    font-size:13px; font-weight:bold;
    margin: 0 10px 0 -10px;
    padding: 10px 2px 12px 12px;
    position: relative; /*To fix IE6 problem (not displaying)*/
    float:left;
    text-transform:uppercase;
    outline:0px;
}

ul#menu li.selected {
    background: url('/images/button_white.png') no-repeat top right;
    color: #000;
}
 
ul#menu li.selected span a  {
    background: url('/images/button_white.png') no-repeat top left;
    color: #46637d;
}

ul#menu li a:hover {color:#fff; text-decoration:underline;}

ul#menu li.selected a:hover {color:#000;}

ul li:before {
 
}


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/

table 
{
  border-collapse: collapse;
  background:#fff;
}

table td 
{
  padding: 6px;   
}

table th
{
  padding: 6px;
  text-align: left;  
}

tr.staff_row:hover, tr.faculty_row:hover, tr.structure_row:hover, tr.timetable_row:hover {color:black !important; cursor:pointer; background-color:#eee !important;}



/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

#menucontainer
{
    margin-top:40px;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:#cccccc;
}

#logindisplay a:link
{
    color: #cccccc;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: #cccccc;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: #cccccc;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

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

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

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

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label,
.display-field,
.editor-field
{
    margin: 0.5em 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}


/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }


       /* css for error message */

div.error
{
   color:#f00;  
}
div.errorMessage
{
    display:none;
}
div.showErrorMessages
{
    display:block;
    color:#f00;   
    font-weight:bold;
}



.editor-label {float:left; width:25%; text-align:right; padding-right:1%;}
.editor-field {float:left; width:70%;}

h4 {border-bottom:1px solid black !important; padding:15px 0px 5px 0px !important; margin-bottom:10px !important;}

.q {padding:5px 0px; clear:both; width:100%;}

/*
.qr  {padding:5px 0px; clear:both; width:100%; color:Black;}
.qr input, .qr select {border:1px solid black;}
*/

.form_controls {width:98%; padding:1%; background:#dddddd; margin-top:30px;}

.no {font-size:14px; padding:6px; background:#000; color:#fff;}

.desc {padding:0px}

table {text-align:left; border-collapse:collapse; border:0px;}

.tr_hov:hover {background:#eeeeee; color:#000 !important;}

.list {border-collapse:collapse; border:1px solid #888;}
.list th {padding:8px; background:#e6e5e2; color:#444; border-bottom:1px solid #888;}
.list td {padding:8px; border-bottom:1px dotted #888; color:#7d7c7a; valign:top; vertical-align:top;}

a.listlink {color:#5a9fde; padding:4px 7px; font-weight:bold; text-decoration:none;}
a.listlink:hover {text-decoration:underline; color:#425f79;}
a.listlinkred {color:red; padding:4px 7px; font-weight:bold; text-decoration:none;}
a.listlinkred:hover {text-decoration:underline; color:#b50000;}

.hov:hover {background-color:#eeeeee;}

h1
{
    color:#3e2e1f; 
    font-size:24px;
    margin-bottom:30px !important;
    padding-bottom:0px;
    clear:both;
    float:left;
    display:block;
    width:100%;
    border-bottom:1px solid #c5c4c1;
}

h1 a { font-size: 24px;}

h2
{
    color:#3e2e1f; 
    font-size:18px;
    margin-bottom:20px !important;
    margin-top:20px;
    clear:both;
    float:left;
    display:block;
    width:100%;
}

h3
{
    color:#3e2e1f; 
    font-size:15px;
    margin-bottom:20px !important;
    margin-top:12px;
    clear:both;
    float:left;
    display:block;
    width:100%;
}

select {border:1px solid #d2d1d2;}

.help {display:none;} /* until ive worked out where to put it!*/

.backlink {background:url('/images/arrow-left-32.png') no-repeat left; text-indent:40px; float:left; padding:8px 0px;}
.backlink_small {background:url('/images/arrow-left-16.png') no-repeat left; text-indent:40px; float:left; padding:8px 0px;}

.bluelink {
 background: url(/images/button_blue_right.png) top right no-repeat;
 padding: 8px 8px 8px 0px;
 text-decoration: none;
 display:block;
 float:left;
 }
 
.bluelink a {
 background: url(/images/button_blue_left.png) top left no-repeat;
 padding: 8px 8px 8px 16px;
 margin:0px;
 position:relative;
 color: #fff;
 text-decoration: none;
 font: bold 13px "Arial", Helvetica, sans-serif;
 outline:0px;
 }


.bluelink a:hover, .login_button a:hover {color:Black;}

.bluebutton input:hover {color:Black; cursor:pointer;}


.tst {color:Red;}



.bluebutton {
 background: url(/images/button_blue_right.png) top right no-repeat;
 padding: 8px 8px 8px 0px;
 text-decoration: none;
 display:block;
 float:left;
 }
 
.bluebutton input {
 background: url(/images/button_blue_left.png) top left no-repeat;
 padding: 7px 8px 8px 16px;
 margin:0px;
 position:relative;
 color: #fff;
 margin-top:-8px;
 text-decoration: none;
 font: bold 13px "Arial", Helvetica, sans-serif;
 }


input {padding:2px; margin-top:-3px;}
 .textbox {border:1px solid #ccc;}

.panel-wrapper input, .panel-wrapper select {margin-top:-3px;}


.q {width:100%; float:left; margin:3px 0px;}
.qr {width:100%; float:left; margin:3px 0px; font-weight:bold;}

.button {width:100%; clear:both; padding:10px 0px; float:left; font-size:14px;}
.addbox {border:1px solid #e5e5e4; background:#fff; padding:10px;}

.fb {display:block; margin-left:auto; margin-right:auto; width:200px; margin-top:20px;}



/*V2 stuff*/
.home_panel {float:left; width:100%; margin:10px 0px;}
.home_button {float:left; width:284px; height:100px; padding:10px; margin:0px 0px 20px 0px; color:#fff; background:#000 url('/images/big_blue.png'); text-decoration:none; -moz-border-radius:12px; border:1px solid #52606c; -moz-box-shadow:5px 5px 5px #aaa;}
.home_button2 {float:left; width:447px; height:100px; padding:10px; margin:0px 0px 20px 0px; color:#fff; background:#000 url('/images/big_blue.png'); text-decoration:none; -moz-border-radius:12px; border:1px solid #52606c; -moz-box-shadow:5px 5px 5px #aaa;}
.home_button .title, .home_button2 .title {font-size:18px; font-weight:normal; color:#fff; height:50px;}
.home_button .title2, .home_button2 .title2 {font-size:18px; font-family:Arial narrow; text-transform:uppercase; font-weight:normal; color:#fff; height:50px; font-weight:bold;}
.home_button .desc, .home_button2 .desc {color:#fff; margin-top:5px; font-weight:normal;}
.home_button:hover, .home_button2:hover {background:#222; text-decoration:none; color:White; border-color:#000; -moz-box-shadow:0px 0px 0px #ccc;}

.leftcol {float:left; width:30%;}
.leftcol a {padding:2%; width:80%; float:left; background:#eee; margin-bottom:10px;}
.leftcol a.selected {background:#000; color:#fff;}

.button_green {background:url('/images/button_green.png') #4c650f repeat-x; padding:6px 12px; color:white; font-weight:bold; -moz-border-radius:10px; border:1px solid white; cursor:pointer;}
.button_blue {background:url('/images/button_blue.png') #46637c repeat-x; padding:6px 12px; color:white; font-weight:bold; -moz-border-radius:10px; border:1px solid white; cursor:pointer;}
.button_blue2 {background:url('/images/button_blue.png') #46637c repeat-x; padding:6px 12px; color:white; font-weight:bold; -moz-border-radius:8px; border:1px solid white; margin:0px 8px; cursor:pointer;}
.button_orange {background:url('/images/button_672c0c.png') #46637c repeat-x; padding:6px 12px; color:white; font-weight:bold; -moz-border-radius:10px; border:1px solid white; cursor:pointer;}
.button_red {background:url('/images/button_red.png') #b10000 repeat-x; padding:6px 12px; color:white; font-weight:bold; -moz-border-radius:10px; border:1px solid white; cursor:pointer;}
.list_button {margin-left:10px; background: url("/images/button_blue.png") repeat-x scroll 0% 0% rgb(70, 99, 124); padding:6px 12px; color:white; font-weight:bold; -moz-border-radius:8px; border:1px solid white; cursor:pointer;}
.button_green:hover, .button_blue:hover, .button_blue2:hover, .button_red:hover, .button_orange:hover, .list_button:hover {color:Black; border:1px solid black;}

.panel_header {background:#e4e4e4; margin-top:-20px; padding:10px; -moz-border-radius:10px 10px 0px 0px; border-bottom:1px solid #888;}
.panel_header .title {font-size:14px; font-weight:bold; margin-bottom:10px;}

.form_nav {width:100%; float:left; clear:both; margin-top:40px; border:1px solid #e4e4e4;}
.form_nav .fl {float:left; text-align:left; width:20%; padding:5px; border:1px;}
.form_nav .fr {float:right; text-align:right; width:20%; padding:5px; border:1px;}


.view {border-collapse:collapse; border:1px solid #ccc; margin-bottom:20px;}
.view th {background:#ccc; color:#000; font-weight:bold; padding:8px; text-transform:uppercase;}
.view td {padding:8px; border-bottom:1px solid #ccc; vertical-align:top;}

.hov:hover {background:#eee;}
.hov .td {vertical-align:middle;}


.accreditor_box {width:98%; padding:1%; background:#aae3ea; border:2px solid #66bbc5; -moz-border-radius:10px; margin-top:20px;}
.accreditor_box .title {font-size:20px; font-weight:bold; color:#66bbc5; margin-bottom:20px;}

.organiser_box {width:98%; padding:1%; background:#e79f4f; border:2px solid #755128; -moz-border-radius:10px; margin-top:20px;}
.organiser_box .title {font-size:20px; font-weight:bold; color:#755128; margin-bottom:20px;}

.home_text {width:98%; padding:1%; -moz-border-radius:10px;  background-color:#fff; text-align:center; line-height:200%;}

.activity_desc {width:25%; margin-right:1%; float:left; text-align:right;}
.activity_info {width:70%; float:left; height:300px; overflow:auto; float:left; border:1px solid #ccc; margin-bottom:20px; font-family:Verdana;}

.create_box {width:98%; padding:1%; border:1px solid #ccc; background:#fff; -moz-border-radius:10px; font-weight:bold;}

.helpbutton {float:right; display:block; padding:5px 15px; background: url('/images/button_blue.png') #46637c repeat-x; font-weight:bold; color:#fff; -moz-border-radius:6px; text-decoration:none; clear:none; position:relative;}
.helpbutton:hover {background:#000; color:#fff;}



    .int_menu { width: 100%;padding: 0px;float: left; position: relative; z-index:5}
    .int_menu a {border: 1px solid #aaa;border-bottom: 1px solid black;padding: 30px 20px 30px 80px;float: left;margin-right: 10px;text-transform: uppercase;font-weight: bold;font-size: 16px;border-top-right-radius: 13px;border-top-left-radius: 13px;}
    .int_menu a.selected {border: 1px solid black;border-bottom: 1px solid #f3f3f3;border-top: 1px solid black;color: #000;}
    .home_links { width: 96%;padding: 2% 2% 0% 2%;float: left;border: 1px solid #000; position: relative;top: -1px;z-index: 2;margin-bottom: 40px;}
    .int_menu a {outline:none;}
    
    
    #uk_link {
        background-image:url('/images/uk.png'); 
        background-repeat: no-repeat; 
        background-position: top 18px left 20px;
    }
    #international_link {
        background-image:url('/images/international.png'); 
        background-repeat: no-repeat; 
        background-position: top 18px left 20px;
    }




    /*rcs site css*/