/*

File:		eqtr_components.css
Created:	27/03/09
Author:		Jamie Boyd @ Equator	

Notes:


*/

/* Sub-Navigation Styles */



/* Feature Content Styles */

#featureContent
{
    width: 946px;
    float: left;
}

.homepage #featureContent
{
    width: 926px;
    padding: 10px;
}

#featureContent h1
{
    margin: 10px 10px 2px;
    padding: 5px 10px;
    color: #FFF;
    background: #92298D;
    float: left;
    font-size: 150%;
    line-height: 1.2em;
    display: inline;
    text-shadow: 0 1px 2px #666666;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

body.homepage #featureContent h1
{
    background: #92298D;
}

body.aboutus #featureContent h1
{
    background: #FF3300;
}

body.collegelife #featureContent h1
{
    background: #FF9900;
}

body.coursehomepage #featureContent h1
{
    background: #ff0066;
}

body.studentsupport #featureContent h1
{
    background: #0066CC;
}

body.pictureshomepage #featureContent h1
{
    background: #D4145A;
}


/*---[ Homepage Search Bar ]---*/
#courseSearch
{
    margin-bottom: 0px;
    padding-bottom: 16px;
    float:left;
    width:928px;
    clear:both;
}

#courseSearch h2
{
    display:inline;
    margin-right:5px;
}

#courseSearch div 
{
    display:inline-block;
}

#courseSearch label
{
    display: block;
    color: #eb008b;
}

html.js #courseSearch label
{
    display: none;
}

#courseSearch input
{
    font-size: 100%;
    width: 440px;
    margin-right: 5px;
    display: inline;
    padding: 5px;
}

#courseSearch input[type=submit], #courseSearch input.button
{
    width: auto !important;
}



/*---[ Feature Carousel ]---*/

/* Homepage banner */

#featureContent h2.banner
{
    margin: 10px 0 0;
    padding-bottom: 2px;
}

.featureCarousel
{
    font-family: Helvetica,Arial, Tahoma,sans Serif;
}

html.js .featureCarousel
{
    width: 605px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin: 0;
    position: relative;
    overflow: hidden;
    float: left;
    padding: 10px;
    min-height: 240px;
}

html.js .homepage .featureCarousel
{
    width: 926px;
    min-height: 288px;
}

html.js .featureCarousel
{
    padding: 0;
}

.featureCarousel img
{
    padding: 0;
    border: none;
    background: #ff0066;
}

.homepage .featureCarousel img
{
    background: #0099FF;
}

html.js .featureCarousel li img
{
    display: none;
}

html.js .featureCarousel li.active img
{
    display: block;
    width: 271px;
    height: 196px;
    overflow: hidden;
}

html.js .homepage .featureCarousel li.active img
{
    width: 594px;
    height: 268px;
    overflow: hidden;
}

html.js .featureCarousel img
{
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 594px;
    height: 268px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
}

html.js .featureCarousel a
{
    text-decoration: none;
}

.featureCarousel ul
{
    padding: 0;
    width: 605px;
}

#mainContent .featureCarousel ul
{
    font-size: 100%;
}

.homepage .featureCarousel ul
{
    width: 926px;
}

html.js .featureCarousel li
{
    float: right;
    padding-left: 289px;
    width: 316px;
    background: none;
}

html.js .featureCarousel li:first-child
{
    border-top-color: #f4f4f5;
}

html.js .homepage .featureCarousel li
{
    width: 312px;
    padding-left: 614px;
    margin: 0;
    height: 72px;
}

html.js .featureCarousel li.active
{
    background: #ff0066;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

html.js .homepage .featureCarousel li.active
{
    background: #0099FF;
}

html.js .featureCarousel li h2
{
    font-size: 112.5%;
    color: #828282;
    line-height: 1em;
    padding-top: 11px;
    padding-bottom: 5px !important;
    margin-bottom: 0 !important;
}

html.js .featureCarousel li .feature a
{
    background: #EEE url(../cssimages/carousel_large_passive_arrow.gif) center left no-repeat;
    height: 72px;
    padding: 0 5px 0 40px;
    display: block;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
}

html.js .featureCarousel li p
{
    font-size: 75%;
    margin: 0;
    line-height: 1.2em;
    color: #999;
}

#mainContent .featureCarousel ul p
{
    font-size: 75%;
}

html.js .featureCarousel li.active h2, html.js .featureCarousel li.active p
{
    color: #FFF;
    text-shadow: 0 1px 2px #666666;
}

html.js .featureCarousel li p a.featLink
{
    display: inline-block;
    overflow: hidden;
    width: 14px;
    height: 12px;
    background: url(../cssimages/double_arrow_lg_grey.gif) top left no-repeat;
    margin: 0 0 -1px 5px;
}

html.js .featureCarousel li.active p a.featLink
{
    background-image: url(../cssimages/double_arrow_wo_red.gif);
}

html.js .homepage .featureCarousel li.active p a.featLink
{
    background-image: url(../cssimages/double_arrow_wo_blue.gif);
}

html.js .featureCarousel li p a span
{
    width: 14px;
    height: 0;
    visibility: hidden;
}

html.js .featureCarousel li .feature
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: default !important;
}

html.js .featureCarousel li.active .feature a
{
    background: #ff0066 url(../cssimages/carousel_large_active_arrow_courses.gif) center left no-repeat;
}

html.js .homepage .featureCarousel li.active .feature a
{
    background: #0099FF url(../cssimages/carousel_large_active_arrow.gif) center left no-repeat;
}

html.js .featureCarousel li .overlay
{
    display: none;
}

html.js .featureCarousel li.active .overlay
{
    position: absolute;
    bottom: 40px;
    left: 10px;
    width: 230px;
    display: block;
    z-index: 100;
}

html.js .homepage .featureCarousel li.active .overlay
{
    left: 10px;
    width: 330px;
}

html.js .homepage .featureCarousel li.active .overlay
{
    width: 500px;
}

html.js .featureCarousel li .overlay h3, html.js .featureCarousel li .overlay p
{
    font-size: 187.5%;
    padding: 15px;
    display: inline;
    float: left;
    color: #FFF;
    background: #ff0066;
}

html.js .featureCarousel li .overlay h3
{
    text-shadow: 0 1px 2px #666666;
}

html.js .featureCarousel li .overlay p
{
    clear: left;
    font-size: 75%;
    font-weight: bold;
    margin: -10px 0 0;
    padding: 6px 10px 15px;
}

html.js .featureCarousel li .overlay p a
{
    padding: 3px 5px 3px 20px;
    color: #FFF;
    background: url(../cssimages/double_arrow_wo_pink_car.gif) center left no-repeat;
    text-decoration: underline;
    text-indent: 0;
    display: block;
}

html.js .featureCarousel li .overlay p a:hover, html.js .featureCarousel li .overlay p a:focus
{
    color: #828282;
    background-color: #f2f2f2;
    text-shadow: 0px 1px 2px #FFF;
}

html.js body.collegelife .featureCarousel li.active
{
    background: #FF9900;
}

html.js body.collegelife .featureCarousel li.active .feature a
{
    background: #FF9900 url(../cssimages/carousel_large_active_arrow_news.gif) no-repeat scroll left center;
}

html.js body.collegelife .featureCarousel img
{
    background-color: #FF9900;
}

html.js body.collegelife .featureCarousel li.active p a.featLink
{
    background-image: url(../cssimages/double_arrow_wo_yellow.gif);
}



/*---[ Homepage Schools Guide Components ]---*/
.schoolsGuide
{
    padding: 20px 0 23px;
}
.homepage .schoolsGuide
{
    border-bottom: 1px solid #E3BDE3;
    padding-top:0;
}

#mainContent .schoolsGuide h2
{
    margin-bottom: 12px;
}

.schoolsGuide .schools
{
    width: 602px;
}

html.js .schoolsGuide .schools
{
    overflow: hidden;
    background: #F2F2F2;
    border: 1px solid #e3e3e3;
    padding: 16px 0 60px 0;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

html.js .schoolsGuide .schools .inner
{
    width: 3000px;
    margin-left: 0px;
}

#wrapper .schoolsGuide .schools .inner ul
{
    padding-left: 60px;
    font-size: 100%;
    margin-bottom: 0;
    float: left;
    height: 245px;
    background: url(../cssimages/scroller_left_back.gif) top left no-repeat;
}

.schoolsGuide .schools .inner li
{
    float: left;
    width: 225px;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    position: relative;
    margin: 0 8px 0 7px;
    height: 245px;
    padding: 0;
    color: #FFF;
    background: #FF0066 url(../cssimages/schools_scroll_back.gif) bottom left repeat-x;
    display: inline;
}

.schoolsGuide .schools .inner li h3
{
    font-size: 107%;
    line-height: 1.4em;
}

.schoolsGuide .schools .inner li h3 img
{
    display: block;
}

.schoolsGuide .schools .inner li h3 span
{
    padding: 10px 10px 5px 10px;
    display: block;
    min-height: 50px;
    color: #FFF;
    text-shadow: 0 1px 2px #666666;
}

.schoolsGuide .schools .inner li a
{
    padding: 5px 10px 0 27px;
    color: #FFF;
    font-size: 75%;
    height: 30px;
    float: left;
    background: url(../cssimages/double_arrow_wo_red.gif) 10px 13px no-repeat;
    margin-bottom: 0;
    text-shadow: 0 1px 2px #666666;
}

.schoolsGuide .schools .scrollControls
{
    width: 595px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #FFF;
    padding: 4px;
    font-family: Helvetica,Arial,Tahoma,sans Serif;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    text-align: center;
}

.schoolsGuide .schools .scrollControls a
{
    padding-top: 1px;
    padding-bottom: 1px;
}

.schoolsGuide .schools .scrollControls .leftBut
{
    float: left;
    background-image: url(../cssimages/button_previous.gif);
    text-align: left;
}

.schoolsGuide .schools .scrollControls .leftBut:hover, .schoolsGuide .schools .scrollControls .leftBut:focus
{
    background-image: url(../cssimages/button_previous_ro.gif);
    color: #0099FF;
}

.schoolsGuide .schools .scrollControls .rightBut
{
    float: right;
    background: url(../cssimages/button_next.gif) center right no-repeat;
    padding: 1px 27px 1px 12px;
    margin-left: 25px;
    margin-right: 1px;
    text-align: right;
}

.schoolsGuide .schools .scrollControls .rightBut:hover, .schoolsGuide .schools .scrollControls .rightBut:focus
{
    background-image: url(../cssimages/button_next_ro.gif);
    color: #0099FF;
}

.schoolsGuide .schools .scrollControls .lEnd, .schoolsGuide .schools .scrollControls .rEnd
{
    color: #AAA;
    cursor: default;
}

.schoolsGuide .schools .scrollControls .lEnd:hover, .schoolsGuide .schools .scrollControls .rEnd:hover, .schoolsGuide .schools .scrollControls .lEnd:focus, .schoolsGuide .schools .scrollControls .rEnd:focus
{
    color: #AAA;
    cursor: default;
}

.schoolsGuide .schools .scrollControls .lEnd, .schoolsGuide .schools .scrollControls .lEnd:hover, .schoolsGuide .schools .scrollControls .lEnd:focus
{
    background-image: url(../cssimages/button_previous_inactive.gif);
}

.schoolsGuide .schools .scrollControls .rEnd, .schoolsGuide .schools .scrollControls .rEnd:hover, .schoolsGuide .schools .scrollControls .rEnd:focus
{
    background-image: url(../cssimages/button_next_inactive.gif);
}

.schoolsGuide .schools .scrollControls .scrollBullets
{
    padding-top: 10px;
}

.schoolsGuide .schools .scrollControls .scrollBullets a
{
    background: transparent url(../cssimages/scroller_bullet.gif) top left no-repeat;
    padding: 0px;
    margin: 0 5px;
    border: none;
    width: 15px;
    height: 14px;
    display: inline-block;
}

.schoolsGuide .schools .scrollControls .scrollBullets a.currentPage
{
    background-image: url(../cssimages/scroller_bullet_current.gif);
}

/*---[ Homepage Reasons to Study Components ]---*/
.reasonsToStudy ol
{
    border-bottom: 1px solid #e3bde3;
    list-style: none;
    padding: 0;
    margin: 0;
}

.reasonsToStudy ol li
{
    padding: 0;
    background: none;
}

.reasonsToStudy ol li h5
{
    font-size: 87.5%;
    line-height: 1.4em;
    font-weight: bold;
    color: #808080;
    padding: 20px 10px 20px 75px;
    border-top: 1px solid #e3bde3;
    background-position: 0 45%;
    background-repeat: no-repeat;
}

.reasonsToStudy ol li.reason1 h5
{
    background-image: url(../cssimages/reasons_1.gif);
}

.reasonsToStudy ol li.reason2 h5
{
    background-image: url(../cssimages/reasons_2.gif);
}

.reasonsToStudy ol li.reason3 h5
{
    background-image: url(../cssimages/reasons_3.gif);
}

.reasonsToStudy ol li.reason4 h5
{
    background-image: url(../cssimages/reasons_4.gif);
}

.reasonsToStudy ol li.reason5 h5
{
    background-image: url(../cssimages/reasons_5.gif);
}



/*---[ Tablet Tabbed Panels Components ]---*/

#mainContent .contentSections
{
    float: left;
    clear: both;
    width: 100%;
    padding-top: 19px;
}

.homepage #mainContent .contentSections 
{
    padding-bottom:19px;
    border-bottom: 1px solid #E5BFE5;
}

.tablet
{
    float: left;
    width: 100%;
    clear: both;
    padding: 8px 0;
    margin: 0; /*border-bottom:1px solid #FABFE2;*/
}

.homepage .tablet
{
    padding: 0 0 0px;
    border: none;
}

html.js .tablet ul.controls
{
    width: 100%;
    float: left;
    border-bottom: 5px solid #92298D;
    z-index: 100;
}

#wrapper .tablet ul.controls
{
    font-size: 100%;
    margin-bottom: 0;
}

html.js .tablet ul.controls li
{
    float: left;
    margin: 0;
    padding: 0;
}

html.js .tablet ul.controls li a
{
    float: left;
    font-family: Helvetica,Arial,Tahoma,sans Serif;
    font-size: 87.5%;
    font-weight: bold;
    line-height: 2em;
    padding: 1px 12px;
    margin: 7px 2px 0 0;
    text-decoration: none;
    color: #828282;
    border: 1px solid #E6E6E6;
    background: #FFF url(../cssimages/tab_back.gif) bottom left repeat-x;
    border-bottom: none;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

html.js .tablet ul.controls li.selected a
{
    color: #FFF;
    background: #92298d;
    border-color: #92298D;
    padding: 4px 12px 5px;
    margin: 0px 2px 0px 0px;
    text-shadow: 0px 1px 2px #444444;
}

.tablet .sections
{
    clear: both;
    padding-top: 22px;
}

.tablet .sections .section
{
    display: block;
}


/*---[ Subject Guide Show/Hide Component ]---*/

.subjectsGuide
{
    clear: left;
    float: left;
    width: 605px;
    border-top: 1px solid #E5BFE5;
    margin-top: 8px;
}

.subjectsGuide h2
{
    margin-bottom: 5px;
    margin-top: 24px;
}

.subjectsGuide .subjects
{
    clear: left;
    float: left;
    width: 595px;
    padding: 2px 5px;
    margin-top: 0;
    margin-bottom: 10px;
    display: block;
    background: #F2F2F2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

html.js .subjectsGuide .subjects h3
{
    cursor: pointer;
    margin-bottom: 0;
    background: #FF0066;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

html.js .subjectsGuide .subjects h3:hover, html.js .subjectsGuide .subjects h3:focus
{
    background: #FF0066 url(../cssimages/subjects_list_back.gif) center left repeat-x;
}

.subjectsGuide .subjects h3 span
{
    display: block;
    color: #FFF;
    padding: 5px 5px 5px 10px;
    margin: 0;
    text-shadow: 0 1px 2px #666666;
}

html.js .subjectsGuide .subjects h3 span
{
    background: url(../cssimages/open_button.gif) 563px 50% no-repeat;
}

html.js .subjectsGuide .subjects h3.open span
{
    background-image: url(../cssimages/close_button.gif);
}

.subjectsGuide .subject
{
    padding: 3px 0;
}

.subjectsGuide .details
{
    width: 595px;
    padding: 0;
    margin: 0;
    background: #FFF;
}

#mainContent .subjectsGuide .details ul 
{
    padding:10px 0;
    margin-bottom:0;
}

.subjectsGuide .details ul li 
{
    background-image: url("../cssimages/subnav_arrow_red.gif");
    background-position:15px 10px;
    padding-left:35px;
}

.subjectsGuide .details p
{
    padding: 10px;
    margin: 0;
}


/*---[ Main Content Styles ]---*/

#mainContent h1
{
    margin: 4px 0 .5em 0;
}

#mainContent h1 span
{
    line-height: 1.2em;
    padding: 4px 10px;
    color: #FFF;
    background-color: #0066CC;
}

#mainContent .details ul, #mainContent .details ol
{
    font-size: 75%;
    margin-bottom: 15px;
}

/*---[ Courses Homepage ]---*/

.coursehomepage #mainContent h1 span
{
    background: #FF0066;
}

.coursesIntro, .coursehomepage .schoolsGuide
{
    clear: left;
    padding-bottom: 2px;
    border-bottom: 1px solid #E5BFE5;
}

.coursehomepage .schoolsGuide
{
    padding-bottom: 20px;
}


/*---[ School Homepage ]---*/

.schoolIntro
{
    clear: left;
    float: left;
    width: 100%;
}

.apply, .socialBookMarks
{
    width: 200px;
    float: right;
    margin: 5px 0 20px 20px;
}
.socialBookMarks
{
    clear: both;
}

.apply h3, .socialBookMarks h3
{
    font-size: 87.5%;
    font-weight: bold;
    line-height: 1.4em;
    padding: 6px 10px;
    margin: 0;
    background: #E6E6E6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.apply h3 a
{
    color: #FF0066;
    font-weight: bold;
    text-decoration: none;
}

.apply fieldset
{
    padding: 0;
    background: #F2F2F2;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}



#wrapper .apply fieldset div
{
    padding: 10px 0;
}

#wrapper .apply fieldset input
{
    background: #ff0066 url(../cssimages/apply_button_back.gif) center left no-repeat;
    color: #FFF;
    border-color: #ff0066;
    text-shadow: 0px 1px 2px #666666;
}

#wrapper .apply fieldset input:hover, #wrapper .apply fieldset input:focus
{
    border-color: #CCCCCC;
    text-shadow: none;
}

.schoolIntro .intro
{
    margin-top: 10px;
}


/*---[ Subject Page ]---*/

table
{
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    clear: left;
    width: 100%;
    margin-bottom: 24px;
}

table.courseList
{
    border-top: 1px solid #E3BDE3;
}

table th, table td
{
    background: #f2f2f2;
    padding: 10px;
    font-size: 75%;
    font-weight: bold;
    vertical-align: top;
    color: #4D4D4D;
    line-height: 1.4em;
}

table th
{
    background: #FFF url(../cssimages/table_header_back.gif) bottom left repeat-x;
    text-align: left;
    vertical-align: bottom;
    padding: 28px 10px 5px;
}

table td
{
    background: #e6e6e6;
}

table tr.odd td
{
    background-color: #f2f2f2;
}

table th.level, table th.age
{
    width: 50px;
}

#wrapper table td input[type=submit], #wrapper table td a
{
    background: transparent url(../cssimages/table_button_arrow.gif) center left no-repeat;
    border: none;
    padding: 0 0 0 16px;
    margin-bottom: 4px;
    text-decoration: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

#wrapper table td input[type=submit]:hover, #wrapper table td a:hover, #wrapper table td input[type=submit]:focus, #wrapper table td a:focus
{
    background-image: url(../cssimages/table_button_arrow_ro.gif);
    color: #0099FF;
    text-decoration: none;
}

#wrapper table td a
{
    padding-left: 18px;
}

#wrapper table th.duration, #wrapper table th.key
{
    width: 85px !important;
}

#wrapper table th.links
{
    width: 65px !important;
}

#wrapper table td img
{
    padding: 2px;
}

#wrapper table td ul
{
    margin-bottom: 0;
}

#wrapper table td li
{
    background-position: 3px 6px;
}


/*---[ Course Table Key ]---*/

.tableKey
{
    padding: 10px 10px 20px;
    width: 585px;
    float: left;
}

#mainContent .tableKey h4
{
    margin: 0 0 5px 0;
}

.tableKey .keyItem
{
    float: left;
    width: 33%;
    padding-bottom: 10px;
}

.tableKey .keyItem img
{
    float: left;
}

.tableKey .keyItem p
{
    margin: 0 20px 0 30px;
}


/*---[ Pictures and Videos ]---*/

.mediaIntro
{
    float: left;
    width: 100%;
}

.pictureshomepage h1, .mediaIntro h1
{
    background: #669900;
    color: #FFFFFF;
    display: inline;
    float: left;
    font-size: 150%;
    line-height: 1.2em;
    margin: 10px 10px 2px;
    padding: 5px 10px;
    text-shadow: 0 1px 2px #666666;
}

.mediaIntro .details
{
    background: #FFFFFF none repeat scroll 0 0;
    border: 1px solid #EEEEEE;
    float: left;
    margin: 8px 0 0;
    padding: 10px;
    width: 926px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.pictureshomepage #mainContent
{
    float: left;
}

.pictureshomepage #subContent
{
    float: right;
}

#recentPhotos, #recentVideos
{
    float: left;
    width: 605px;
}

#recentPhotos h2, #recentVideos h2
{
    margin-bottom: 0;
}

#recentPhotos .photos, #recentVideos .photos
{
    padding: 30px;
    width: 545px;
    float: left;
    background: #F2F2F2;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-topleft: 3px;
}

#recentPhotos .photos ul li, #recentVideos .photos ul li
{
    background: none;
    padding: 0;
    float: left;
}

#recentPhotos .photos ul li img, #recentVideos .photos ul li img
{
    padding: 7px;
    border: none;
}

#recentPhotos .paging, #recentVideos .paging
{
    float: left;
    width: 587px;
    border: 4px solid #F2F2F2;
    border-top: none;
    position: relative;
    padding: 5px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
}

#recentPhotos .paging a, #recentVideos .paging a
{
    float: left;
    font-size: 87.5%;
    font-family: Helvetica,Arial,Tahoma,sans serif;
    text-decoration: none;
}

#recentPhotos .paging a.prevPage, #recentVideos .paging a.prevPage
{
    background: #FFFFFF url(../cssimages/button_previous.gif) no-repeat scroll left center;
    padding: 3px 12px 3px 27px;
}

#recentPhotos .paging a.prevPage:hover, #recentVideos .paging a.prevPage:hover, #recentPhotos .paging a.prevPage:focus, #recentVideos .paging a.prevPage:focus
{
    background-image: url(../cssimages/button_previous_ro.gif);
    color: #0099FF;
}

#recentPhotos .paging a.nextPage, #recentVideos .paging a.nextPage
{
    float: right;
    background: transparent url(../cssimages/button_next.gif) no-repeat scroll right center;
    padding: 3px 27px 3px 12px;
    text-align: right;
}

#recentPhotos .paging a.nextPage:hover, #recentVideos .paging a.nextPage:hover, #recentPhotos .paging a.nextPage:focus, #recentVideos .paging a.nextPage:focus
{
    background-image: url(../cssimages/button_next_ro.gif);
    color: #0099FF;
}

#recentPhotos .paging .pageNumber, #recentVideos .paging .pageNumber
{
    font-size: 75%;
    color: #777;
    margin-left: 270px;
}

#recentPhotos .paging .pageNumber strong, #recentVideos .paging .pageNumber strong
{
    color: #444;
    font-weight: bold;
}

.photoView, .videoView
{
    text-align: center;
    margin-bottom: 24px;
}

.photoView img
{
    padding-bottom: 10px;
}

.pictureshomepage #mainContent .mediaItem
{
    padding-top: 0;
}

#mainContent .mediaItem .photos ul li
{
    background: none;
}

#mainContent .mediaItem li
{
    padding: 1px;
    background: none;
    display: inline;
    float: left;
}

#mainContent .mediaItem li img
{
    border: none;
    width: 70px;
    height: 70px;
}

#mainContent #recentPhotos .mediaItem, #mainContent #recentVideos .mediaItem
{
    border: none;
    padding-bottom: 0;
}

#mainContent #recentPhotos .mediaItem li img, #mainContent #recentVideos .mediaItem li img
{
    width: 75px;
    height: 75px;
    float: left;
}

#flashcontent3dv
{
    text-align: center;
}


/*---[ Blog Roll & Blog List ]---*/

#wrapper #mainContent .blogRoll
{
    padding-bottom: 20px;
}

#wrapper #mainContent .blogRoll ul li, #wrapper #mainContent .blogList ul li
{
}

#wrapper #mainContent .blogRoll ul li a label
{
    cursor: pointer;
}

#wrapper #mainContent .blogRoll .entries li h3
{
    margin-bottom: 0;
    font-size: 100%;
}

#wrapper #mainContent .blogRoll .entries li p
{
    font-size: 100%;
}


/*---[ Location Page ]---*/

.map
{
    float: left;
    width: 597px;
    background: #F2F2F2;
    padding: 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

html.js .map .staticMap
{
    display: none;
}

html.js .map .googleMap
{
    width: 597px;
    height: 400px;
    line-height: 1em;
}

.map .directions
{
    border-top: 4px solid #F2F2F2;
    padding: 7px 10px 4px;
    background: #FFF;
}

.locationContent
{
    clear: left;
    float: left;
    width: 605px;
    margin-top: 20px;
}




/*---[ News Sections ]---*/

.newsList
{
    clear: left;
    float: left;
    width: 100%;
}

.newsList li
{
    padding: 0 0 15px 0;
    margin-bottom: 15px;
    background: none;
    border-bottom: 1px solid #ffe5bf;
    float: left;
    width: 100%;
}

.newsList li h2
{
    margin-bottom: 10px;
}

.newsList li div.image
{
    float: left;
}

.newsList li div.image img
{
    margin: 0 10px 10px 0;
}

.newsList li p.action
{
    clear: none;
}

.article .newsImage
{
    float: right;
    padding: 0 0 10px 10px;
    margin: 0;
}

/*---[ Sitemap ]---*/

.siteMap
{
    font-family: Helvetica,Arial,Tahoma,sans Serif;
}

#mainContent .siteMap ul
{
    font-size: 100%;
    margin-bottom: 0;
}

.siteMap ul li
{
    background: none;
    font-size: 112.5%;
    font-weight: bold;
    padding: 10px 0 15px 0;
    border-bottom: 1px solid #E5BFE5;
}

.siteMap ul li a
{
    background: url(../cssimages/double_arrow_purple_on_white_sm.gif) 0px 8px no-repeat;
    padding: 3px 3px 3px 18px;
    text-decoration: none;
}

.siteMap ul li li
{
    border-bottom: 0;
}

.siteMap ul li li a
{
    color: #FFF;
    background: #FF0066 url(../cssimages/double_arrow_wo_pink.gif) 12px 9px no-repeat;
    padding: 2px 3px 2px 30px;
    margin: 0;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.siteMap ul ul
{
    clear: left;
    padding: 2px 5px 3px;
    margin-top: 5px;
    background: #EEE;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.siteMap ul ul li
{
    font-size: 80%;
    padding: 3px 0 2px;
}

.siteMap ul ul ul li
{
    font-size: 75%;
}

.siteMap ul ul ul ul li
{
    font-size: 100%;
}


.siteMap ul ul ul
{
    background: #FFF;
    margin-top: 0;
}

.siteMap ul ul ul li a
{
    background: #FFF url(../cssimages/subnav_arrow_red.gif) 24px 7px no-repeat;
    color: #FF0066;
    font-size: 100%;
    padding-left: 38px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.siteMap ul ul ul ul li a
{
    background: #FFF url(../cssimages/subnav_arrow_red.gif) 32px 7px no-repeat;
    padding-left: 45px;
}

.siteMap ul ul ul ul ul li a
{
    background: #FFF url(../cssimages/subnav_arrow_red.gif) 40px 7px no-repeat;
    padding-left: 53px;
}

.siteMap ul ul ul ul ul ul li a
{
    background: #FFF url(../cssimages/subnav_arrow_red.gif) 48px 7px no-repeat;
    padding-left: 61px;
}

.siteMap .homepage a
{
    color: #4D4D4D;
}

/* Colour Variations */

.siteMap li.homepage a
{
    background-image: url(../cssimages/double_arrow_purple_on_white_sm.gif);
}

.siteMap li.coursehomepage a
{
    background-image: url(../cssimages/double_arrow_pink_on_white.gif);
    color: #FF0066;
}

.siteMap ul li.coursehomepage li a
{
    background-image: url(../cssimages/double_arrow_wo_pink.gif);
    color: #FFF;
}

.siteMap li.coursehomepage li li a
{
    background-image: url(../cssimages/subnav_arrow_red.gif);
    color: #FF0066;
}

.siteMap li.aboutus a
{
    background-image: url(../cssimages/double_arrow_orange_on_white.gif);
    color: #FF3300;
}

.siteMap ul li.aboutus li a
{
    background-image: url(../cssimages/double_arrow_wo_orange.gif);
    background-color: #FF3300;
    color: #FFF;
}

.siteMap li.aboutus li li a
{
    background-image: url(../cssimages/subnav_arrow_dorange.gif);
    color: #FF3300;
    background-color: #FFF;
}

.siteMap li.collegelife a
{
    background-image: url(../cssimages/double_arrow_yellow_on_white.gif);
    color: #FF9900;
}

.siteMap ul li.collegelife li a
{
    background-image: url(../cssimages/double_arrow_wo_yellow.gif);
    background-color: #FF9900;
    color: #FFF;
}

.siteMap li.collegelife li li a
{
    background-image: url(../cssimages/subnav_arrow_orange.gif);
    color: #FF9900;
    background-color: #FFF;
}

.siteMap li.studentsupport a
{
    background-image: url(../cssimages/double_arrow_dblue_on_white.gif);
    color: #0066CC;
}

.siteMap ul li.studentsupport li a
{
    background-image: url(../cssimages/double_arrow_wo_dblue.gif);
    background-color: #0066CC;
    color: #FFF;
}

.siteMap li.studentsupport li li a
{
    background-image: url(../cssimages/subnav_arrow_blue.gif);
    color: #0066CC;
    background-color: #FFF;
}

.siteMap li.staffhomepage a
{
    background-image: url(../cssimages/double_arrow_purple_on_white_sm.gif);
    color: #990098;
}

.siteMap ul li.staffhomepage li a
{
    background-image: url(../cssimages/double_arrow_wo_purple.gif);
    background-color: #990098;
    color: #FFF;
}

.siteMap li.staffhomepage li li a
{
    background-image: url(../cssimages/subnav_arrow_purple.gif);
    color: #990098;
    background-color: #FFF;
}




.siteMap li.pictureshomepage a
{
    background-image: url(../cssimages/double_arrow_green_on_white.gif);
    color: #669900;
}

.siteMap ul li.pictureshomepage li a
{
    background-image: url(../cssimages/double_arrow_wo_green.gif);
    background-color: #669900;
    color: #FFF;
}

.siteMap li.pictureshomepage li li a
{
    background-image: url(../cssimages/subnav_arrow_green.gif);
    color: #669900;
    background-color: #FFF;
}




.siteMap li.footerpage, .siteMap li.arrangeavisitformpage
{
    padding: 5px 0 7px;
}

.siteMap li.footerpage a, .siteMap li.arrangeavisitformpage a
{
    font-size: 75%;
    background-position: 0px 6px;
}


.siteMap li a:hover, .siteMap li a:focus
{
    background-image: url(../cssimages/double_arrow_blue_on_white_sm.gif);
    color: #0099ff;
}

.siteMap ul li li a:hover, .siteMap ul li li a:focus
{
    background-image: url(../cssimages/double_arrow_wo_blue.gif);
    background-color: #0099ff;
    color: #FFF;
}

.siteMap li li li a:hover, .siteMap li li li a:focus
{
    background-image: url(../cssimages/subnav_arrow_blue.gif);
    color: #0099ff;
    background-color: #FFF;
}


/* [ Main Content Components ]*/

#mainContent h4
{
    margin-top: 20px;
    font-size: 87.5%;
}

#mainContent ol, #mainContent ul
{
    font-size: 75%;
    margin-bottom: 1.5em;
}

#mainContent ol p, #mainContent ul p
{
    font-size: 100%;
}


#mainContent .infoItem, #mainContent .infoImageItem, #mainContent .mediaItem
{
    width: 100%;
    float: left;
    border-bottom: 1px solid #E5BFE5;
    padding: 15px 0 15px;
}

#mainContent .infoItem *:first-child, #mainContent .infoImageItem *:first-child, #mainContent .mediaItem *:first-child
{
    margin-top: 0;
}

#mainContent .oddItem, #mainContent .evenItem
{
    width: 293px;
    background: url(../cssimages/vertical_border_pink.gif) top right repeat-y;
}

#mainContent .oddItem
{
    padding-right: 10px;
}

#mainContent .evenItem
{
    float: right;
    position: relative;
    margin-left: -1px;
    padding-left: 10px;
    background-position: top left;
}



/*---[ Forward To Friend Components ]---*/

.forwardToFriend a
{
    background: #FFFFFF url(../cssimages/button_back.gif) no-repeat scroll left center;
    border: 1px solid #CCCCCC;
    color: #990099;
    cursor: pointer;
    font-family: Helvetica,Arial,Tahoma,sans serif;
    font-size: 87.5%;
    font-weight: bold;
    overflow: visible;
    padding: 5px 10px 5px 27px;
    text-decoration: none;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}

.forwardToFriend a:hover, .forwardToFriend a:focus
{
    background-image: url(../cssimages/button_back_ro.gif);
    color: #0099FF;
}


/*---[ Search Results */

#cse-search-results iframe
{
    width: 605px !important;
}


/*---------------*/
/*---[ Forms ]---*/
/*---------------*/

fieldset.contactUs, fieldset.forwardToFriend, fieldset.applyConf, .formContent, .forwardResult, .applyInstructions, .formThanks, .interests
{
    background: #FFFFFF none repeat scroll 0 0;
    border: 1px solid #EEEEEE;
    float: left;
    margin: 8px 0 0;
    padding: 10px;
    width: 926px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.formContent, .interests, fieldset.applyConf
{
    padding: 15px;
    width: 916px;
}

.formContent .formHeader
{
    float: left;
    width: 100%;
    position: relative;
}

.formContent .formHeader h2.formName
{
    color: #990099;
    position: absolute;
    padding: 0 0 15px 65px;
    margin: 0;
    top: 0px;
    left: -60px;
    background: url(../cssimages/app_form_blue_tab.gif) top left no-repeat;
    z-index: 100;
}

.formContent .formHeader .mandatoryNote
{
    float: right;
    width: 75%;
    text-align: right;
    margin: 0;
    padding-bottom: 15px;
}

.formContent .pdfLink
{
    clear: both;
    padding-left: 5px;
}

.formContent .pdfLink a
{
    padding: 4px 20px 4px 0;
    background: url(../cssimages/pdf_icon_16.gif) center right no-repeat;
}

.applicationForm
{
    padding: 20px;
    background: #f7f7f7;
    margin-bottom: 20px;
    clear: both;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.declaration p:last-child
{
    margin-bottom:0;
}

#wrapper .interests
{
    position: relative;
    padding: 15px 15px 15px;
}

#wrapper .interests h2
{
    padding: 0;
    margin: 0;
    width: 700px;
}

#wrapper .interestsHeader
{
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
}

#wrapper .interests .interestsHeader h2
{
    border: none;
    margin-bottom: 10px;
    position: absolute;
    padding: 0 0 20px 65px;
    top: 0;
    left: -60px;
    background: url(../cssimages/app_form_yellow_tab.gif) top left no-repeat;
}


#wrapper .interests .keepLooking
{
    bottom: 0;
    right: 0;
    position: absolute;
    margin: 0 15px 15px 0;
    border: 1px solid #CCCCCC !important;
    background-image: url(../cssimages/button_previous.gif);
}

#wrapper .interests .keepLooking:hover, #wrapper .interests .keepLooking:focus
{
    background-image: url(../cssimages/button_previous_ro.gif);
    margin: 0 15px 15px 0;
}

#wrapper .interests p
{
    width: 605px;
}

.interests input
{
    float: left;
    width: 15px;
    padding: 0;
    border: none !important;
    background: none;
}

.interests label
{
    display: block;
    margin-left: 25px;
    font-size: 100%;
    font-weight: normal;
}

.interests table
{
    border-collapse: collapse;
}

.interests table td
{
    background: #FFF !important;
    width: 20%;
    height: 40px;
    padding: 3px 0;
}

#wrapper .interests ul li
{
    background: none;
    position: relative;
    display: block;
    font-family: Helvetica, Arial, Tahoma, Sans-Serif;
    font-size: 100%;
    font-weight: bold;
    color: #990098;
    padding: 8px 50px 8px 10px;
    margin: 0;
    background: #f2f2f2;
}

#wrapper .interests ul li.odd
{
    background: #e6e6e6;
}

#wrapper .interests ul li input
{
    position: absolute;
    top: 6px;
    right: 6px;
    width: 33px;
    height: 29px;
    padding: 0;
    background: transparent url(../cssimages/course_delete_button.gif) center center no-repeat;
    border: 1px solid #CCC !important;
}

#wrapper .interests ul li input:hover, #wrapper .interests ul li input:focus
{
    background-image: url(../cssimages/course_delete_button_ro.gif);
}


/* Selected Interests table */

#wrapper .interests table.selectedInterests
{
}

#wrapper .interests table.selectedInterests th, #wrapper .interests table.selectedInterests td
{
    width: auto;
    padding: 10px 10px;
    height: auto;
}

#wrapper .interests table.selectedInterests tr th
{
    background: #FFF;
    color: #4D4D4D;
    font-weight: normal;
}

#wrapper .interests table.selectedInterests tr .order
{
    width: 30px;
    text-align: center;
}

#wrapper .interests table.selectedInterests tr th.ageLimits
{
    width: 100px;
}

#wrapper .interests table.selectedInterests tr .orderControls
{
    width: 60px;
    text-align: center;
}

#wrapper .interests table.selectedInterests tr .delete
{
    width: 60px;
    text-align: center;
}


#wrapper .interests table.selectedInterests tr td
{
    color: #990098;
    font-weight: bold;
    font-size: 92.5%;
    background: #f0d9f0 !important;
    line-height: 2em;
}

#wrapper .interests table.selectedInterests tr.odd td, #wrapper .interests table.selectedInterests tr.first td
{
    background: #f7ebf7 !important;
}

#wrapper .interests table.selectedInterests tr.disabled td
{
    background: #f2f2f2 !important;
    color: #aaaaaa;
}

#wrapper .interests table.selectedInterests tr td.ageLimits img
{
    float: left;
}

#wrapper .interests table.selectedInterests tr:nth-child(n + 5)
td.ageLimits img
{
    opacity: 0.3;
    filter: alpha(opacity=30);
}

#wrapper .interests table.selectedInterests tr.disabled td.ageLimits img
{
    opacity: 0.3;
    filter: alpha(opacity=30);
}


#wrapper .interests table.selectedInterests tr td input.remove
{
    background: #FFF url(../cssimages/icon_cross_purple.gif) center center no-repeat;
    text-indent: -9999px;
    width: 28px;
    height: 28px;
    padding: 0;
    margin: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #CCCCCC !important;
    float: none;
}

#wrapper .interests table.selectedInterests tr td input.moveUp, #wrapper .interests table.selectedInterests tr td input.moveDown
{
    background: #FFF url(../cssimages/icon_up_green.gif) center center no-repeat;
    text-indent: -9999px;
    width: 28px;
    height: 28px;
    padding: 0;
    margin: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #CCCCCC !important;
    float: none;
}

#wrapper .interests table.selectedInterests tr td input.moveDown
{
    background: #FFF url(../cssimages/icon_down_orange.gif) center center no-repeat;
    margin-left: 4px;
}

#wrapper .interests table.selectedInterests tr.first td input.moveUp, #wrapper .interests table.selectedInterests tr.last td input.moveDown
{
    cursor: default;
}

#wrapper .interests table.selectedInterests tr.first td input.moveUp
{
    background-image: url(../cssimages/icon_up_grey.gif);
}

#wrapper .interests table.selectedInterests tr.last td input.moveDown
{
    background-image: url(../cssimages/icon_down_grey.gif);
}

#wrapper .interests h2.makeAChoice
{
    font-size: 100%;
    padding: 4px 10px;
    background: #F7F7F7;
}

.formHidden
{
    margin-bottom: 0;
    padding: 4px 10px;
    background: #F7F7F7;
    clear: both;
}

.formHidden h3
{
    margin: 0;
    color: #AAA;
}


/* End of Selected Interests table */

#wrapper .applyPers textarea
{
    height: 100px;
}

#wrapper .applyYear label
{
    width: 300px;
}

.formContent .mandatoryNote, fieldset .mandatoryNote
{
    margin-bottom: 25px;
    font-weight: bold;
}

.formContent .mandatoryNote
{
    font-size: 75%;
    float: right;
}

.applyInstructions .mandatoryNote
{
    margin-bottom: 0;
}

.stepsHelp .mandatoryNote em, .formContent .mandatoryNote em, fieldset .mandatoryNote em
{
    padding-right: 16px;
    background: url(../cssimages/required_asterisk.gif) center right no-repeat;
    font-style: normal;
}

.stepsHelp .mandatoryNote em
{
    display: inline-block;
}

fieldset .field
{
    clear: left;
    float: left;
    width: 100%;
    padding: 0 0 15px;
}

fieldset .elements
{
    width: 460px;
    float: left;
    padding-right: 10px;
}

fieldset .persTitle, fieldset .persPhoneType, fieldset .persGender
{
    width: 313px;
}

fieldset .persYear
{
    width: 415px;
}

fieldset .persTitle select, fieldset .persPhoneType select, fieldset .persGender select, .applyYear select
{
    width: 108px; 
}

.applyYear .field
{
    padding-bottom: 0px;
    float:none;
}

.applyYear label
{
    margin-left: 0px;
}

fieldset .mandatory .elements
{
    background: url(../cssimages/required_asterisk.gif) right 6px no-repeat;
    padding-right:10px;
}

fieldset.applyYear .mandatory .elements
{
    background: url(../cssimages/required_asterisk_on_grey.gif) right 6px no-repeat;
}

.formContent fieldset .mandatory .elements
{
    background: url(../cssimages/required_asterisk_on_grey.gif) right 6px no-repeat;
    padding-right:10px;
}

.formContent fieldset .mandatory .postcode 
{
    background-position:right 42px;
}

fieldset .elements label
{
    float: left;
    width: 200px;
    font-family: Helvetica,Arial,Tahoma,san serif;
    font-size: 75%;
    font-weight: bold;
    color: #4D4D4D;
}

fieldset .elements input, fieldset .elements textarea
{
    width: 244px;
    padding: 3px;
    background-color: #F9F9F9;
}

#wrapper fieldset div.button
{
    clear: both;
    width: 100%;
}

#wrapper fieldset .button input
{
    background: #662d91 url(../cssimages/form_action_button_back.gif) center left no-repeat;
    color: #FFF;
    border-color: #662D91;
    margin-left: 20px;
}

#wrapper fieldset input.findAddressBtn
{
    margin: 10px 0 10px 200px;
    clear: both;
}

fieldset #postcodeProgress
{
    margin: 10px 0 10px 275px;
}

#wrapper fieldset .button input:hover, #wrapper fieldset .button input:focus
{
    border-color: #CCCCCC;
}

fieldset .errorMessages
{
    float: right;
    width: 390px;
}

fieldset .errorMessages .error, .interests .errorMessages .error
{
    font-size: 75%;
    font-weight: bold;
    color: red;
    padding-left: 15px;
    background: url(../cssimages/warning.gif) left 2px no-repeat;
}

.interests .errorMessages .error
{
    margin-left: 5px;
    margin-bottom: 10px;
}

/* Competition form */

.competitionForm .formIntro 
{
    margin-bottom:40px;
}
.competitionForm fieldset .newsletterOption
{
    width:auto;
    padding:10px 0 10px;
}
.competitionForm .radioButtonListContainer 
{
    line-height:normal;
    padding:0 0 20px;
}
.competitionForm .radioButtonListContainer label 
{
    width:100%;
    padding-bottom:10px;
}
.competitionForm .radioButtonList 
{
    margin-left:195px;
    display:block;
    width:400px;
    overflow:hidden;
}
.competitionForm .radioButtonList label {
    float:none;
    width:auto;
    font-weight:normal;
    line-height:normal;
}
#wrapper .competitionForm .radioButtonList input {
    float:none;
    width:auto;
    line-height:normal;
    border:none;
}
#wrapper .competitionForm .newsletterOption input {
border:none;
}


/* Application form / Contact Us form */

.applyIntro h1, .contactIntro h1
{
    color: #FFFFFF;
    background: #990099;
    display: inline;
    float: left;
    font-size: 150%;
    line-height: 1.2em;
    margin: 10px 10px 2px;
    padding: 5px 10px;
    text-shadow: 0 1px 2px #666666;
}

/* Instructions Panel */

.applyInstructions
{
    padding: 15px 15px;
    width: 916px;
}

.applyInstructions .stepsHelp
{
    float: left;
    width: 100%;
    margin: 0;
}

.applyInstructions .stepsHelp ol
{
    list-style: none;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    background: url(../cssimages/stepHelpDividers.png) top left repeat-y;
}

.applyInstructions .stepsHelp ol li
{
    width: 285px;
    float: left;
    margin: 0;
    padding: 0 10px;
}

.applyInstructions .stepsHelp ol li h3
{
    padding: 8px 0px 12px 50px;
    background-position: top left;
    background-repeat: no-repeat;
    font-size: 125%;
    font-weight: bold;
}

.applyInstructions .stepsHelp ol li p
{
    margin: 0;
    padding: 0 0 0 5px;
}

.applyInstructions .stepsHelp ol li.one
{
    width: 275px;
    padding: 0 20px 0 10px;
}

.applyInstructions .stepsHelp ol li.one h3
{
    background-image: url(../cssimages/orange_one.png);
    color: #F37021;
}

.applyInstructions .stepsHelp ol li.two
{
    width: 225px;
    padding: 0 40px 0 40px;
}

.applyInstructions .stepsHelp ol li.two h3
{
    background-image: url(../cssimages/blue_two.png);
    color: #0066CC;
}

.applyInstructions .stepsHelp ol li.three
{
    width: 275px;
    padding: 0 10px 0 20px;
}

.applyInstructions .stepsHelp ol li.three h3
{
    background-image: url(../cssimages/green_three.png);
    color: #8CC63F;
}

.applyInstructions .stepsHelp ol li strong
{
    color: #990098;
}

fieldset.applicationForm span.mandatoryNote
{
    float: right;
    width: 350px;
    margin: 7px 0 0;
    text-align: right;
    font-size: 75%;
    color: #000;
    line-height: 1em;
}

.interests h2, fieldset.applicationForm h2
{
    font-size: 112.5%;
    margin-bottom: 15px;
}

.interests h2 span, fieldset.applicationForm h2 span
{
    color: #990099;
}

fieldset.applicationForm .radioButtons p
{
    color: #4D4D4D;
    float: left;
    font-family: Helvetica,Arial,Tahoma,san serif;
    font-size: 75%;
    font-weight: bold;
    width: 380px;
    margin-bottom: 0;
}

fieldset.applicationForm .radioButtons .elements
{
    display: block;
    float: none;
    clear: left;
}

fieldset.applyLang .radioButtons
{
    padding-bottom: 0;
}

fieldset.applicationForm .radioButtons label
{
    width: auto;
    display: inline;
    float: none;
    padding-right: 10px;
}

#wrapper fieldset.applyGoals textarea, #wrapper .applySupp textarea, #wrapper .applyHear textarea
{
    width: 444px;
    height: 75px;
    clear: left;
}

#wrapper fieldset.applicationForm .radioButtons input
{
    width: 15px;
    display: inline;
    border: none;
    background: none;
}

fieldset .button
{
    padding: 15px 0;
    background: #E6E6E6;
}

.langLabel
{
    text-transform: capitalize;
}

.langLabel span
{
    display: none;
}

fieldset.applySupp p, fieldset.applyConf p, fieldset.applyRefs p
{
    width: 600px;
    float: none;
}

fieldset.applyPers .selectAddress .elements
{
    width: 100%;
}

fieldset.applyPers .selectAddress .elements select
{
    max-width: 640px;
}

fieldset.applyPers .selectAddressError
{
    float: left;
    width: 100%;
}

fieldset.applyPers .selectAddressError .errorMessages
{
    float: left;
    margin-left: 200px;
    width: 676px;
}

fieldset.applyConf p
{
}

#wrapper fieldset.applyRefs h3
{
    margin: 0 0 1em;
}

#wrapper fieldset.applyRefs textarea
{
    height: 60px;
}

fieldset.applySupp .supportReqs label, fieldset.applySupp .suppMed label, 
fieldset.applySupp .suppDetails label, fieldset.applySupp .suppInterview label
{
    width: 600px;
    line-height: 1.4em;
    margin-bottom: 10px;
}

fieldset.applySupp .suppMed label
{
    width: 450px !important;
}

fieldset.applySupp .supportReqs span,
fieldset.applyWork .currWork span
{
    display: block;
    clear: left;
    float: left;
    width: 100%;
    padding-left: 2px;
    padding-bottom: 10px;
}

fieldset.applySupp .supportReqs .errorMessages,
fieldset.applyWork .currWork .errorMessages
{
    float: none;
    width: 100%;
}

fieldset.applySupp .supportReqs span.error,
fieldset.applyWork .currWork span.error {
    padding-left: 15px;
    padding-bottom: 0;
    background-position: left 7px;
}

#wrapper fieldset.applySupp .suppMed .elements textarea
{
    height: 150px;
}

#wrapper fieldset.applySupp .supportReqs .supportCheck, 
#wrapper fieldset.applySupp .eduStatement, 
#wrapper fieldset.applySupp .eduStatement p
{
    width: 700px;
}

#wrapper fieldset.applySupp .eduStatement
{
    padding-bottom: 0;
}

#wrapper fieldset.applySupp .supportReqs .supportCheck label,
fieldset.applyWork .currWork .currentlyWorkingCheck label
{
    width: auto;
    display: inline;
    float: none;
    margin-right: 10px;
}

#wrapper fieldset.applySupp .supportReqs .supportCheck label.listLabel,
#wrapper fieldset.applyWork .currWork .currentlyWorkingCheck label.listLabel
{
    display: inline-block;
    padding-right: 15px;
    background: url("../cssimages/required_asterisk_on_grey.gif") no-repeat right 2px;
}

fieldset.applyWork .currWork .currentlyWorkingCheck label.listLabel 
{
    line-height:1.4em;
}

#wrapper fieldset.applySupp .supportReqs .supportCheck input,
#wrapper fieldset.applyWork .currWork .currentlyWorkingCheck input
{
    width: 15px;
    margin-right: 5px;
    padding: 0;
    border: none;
    background: none;
    margin-top: 2px;
    display: inline;
    float: none;
}

fieldset.applySupp .supportReqs span label
{
    float: left;
    width: 430px;
    vertical-align: baseline;
}


fieldset.applyGoals .field
{
    padding-bottom: 0;
}

fieldset.applyEdu, fieldset.applyWork
{
    padding-bottom: 25px;
}

#wrapper fieldset.applyEdu .field, #wrapper fieldset.applyWork .field
{
    padding-bottom: 30px;
}

#wrapper fieldset.applyEdu .lastField, #wrapper fieldset.applyWork .lastField
{
    padding-bottom: 0;
}

#wrapper fieldset.applyEdu .field:last-child, #wrapper fieldset.applyWork .field:last-child
{
    padding-bottom: 0;
}

#wrapper fieldset .eduName
{
    margin: 0 0 10px;
}

#wrapper fieldset .eduName label
{
    width: auto;
    margin-right: 5px;
}

#wrapper fieldset .eduDates
{
    clear: left;
}

#wrapper fieldset .fromDate
{
    clear: left;
}

#wrapper fieldset .eduDate, #wrapper fieldset .workDate
{
    padding-bottom: 3px;
    width: 210px;
    float: left;
}

#wrapper fieldset .eduDate label, #wrapper fieldset .workDate label
{
    width: auto;
    padding-right: 5px;
}

#wrapper fieldset .eduDate input, #wrapper fieldset .workDate input
{
    width: 100px;
}

#wrapper fieldset .eduDetail, #wrapper fieldset .workDetail
{
    clear: left;
}

#wrapper fieldset .eduDetail label, #wrapper fieldset .workDetail label
{
}

#wrapper fieldset .eduDetail textarea, #wrapper fieldset .workDetail textarea
{
    clear: left;
    width: 444px;
}

#wrapper fieldset.applyRefs
{
    margin-bottom: 5px;
}

.applyConfHeader
{
    position: relative;
    padding: 55px 0 0;
}

.applyConf .applyConfHeader h2
{
    position: absolute;
    padding: 8px 0 20px 65px;
    top: 0px;
    left: -60px;
    background: url(../cssimages/app_form_green_tab.gif) left 10px no-repeat;
}

.applyConf .applyConfHeader h2 span
{
    color: #990099;
}

fieldset.applicationForm .declaration .elements
{
    width: 700px;
}

fieldset.applicationForm .declaration .errorMessages
{
    width: 675px;
    padding-left: 30px;
    display: block;
    float: none;
}

fieldset.applicationForm .declaration label
{
    display: block;
    float: none;
    margin-left: 30px;
    width: 575px;
    line-height: 1.5em;
}

#wrapper fieldset.applicationForm .declaration input
{
    width: 15px;
    float: left;
    border: none;
    background: none;
}

fieldset.applicationForm label.hearAbout
{
    display: none;
}

#wrapper fieldset.applicationForm .postcodeRadio
{
    float: left;
    width: 260px;
    padding-left: 200px;
    padding-top: 10px;
}

#wrapper fieldset.applicationForm .postcodeRadio label, #wrapper fieldset.applicationForm .postcodeRadio input
{
    width: auto;
    display: inline;
    float: none;
    border: none;
    background: none;
}

#wrapper fieldset.applicationForm .postcodeRadio label
{
    margin-right: 15px;
}

.applyInstructions .details, .formThanks, fieldset.contactUs .details
{
    width: 605px;
    padding-right: 331px;
    padding-bottom: 10px;
}

fieldset.contactUs .hearAbout .elements
{
    width: 600px;
}

fieldset.contactUs .intro 
{
    width:70%;
}

fieldset.contactUs .intro h2 
{
    line-height:1.5em;
}

fieldset.contactUs .intro h2 em 
{
    font-style:normal;
    color:#0099FF;
}


/*---[ Sub Content Components ]---*/

/* Component Generic Styles */
#subContent .reasonsToStudy, #subContent .subNav, #subContent .photoThumbs, #subContent .infoItem, #subContent .infoImageItem, #subContent #photoCategories, #subContent #videoCategories, #subContent .mediaItem, #subContent .forwardToFriend, #subContent .liveChatItem
{
    background: #FFF;
    padding: 16px 10px;
    margin-top: 8px;
    border: 1px solid #EEE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    clear: left;
    float: left;
    width: 290px; /*-webkit-box-shadow:0 0 3px #999; 	-moz-box-shadow:0 0 3px #666;*/
}

#subContent > div:first-child, #subContent div.first
{
    margin-top: 0 !important;
}

#subContent .subNav
{
    float: left;
    width: 290px;
}

#subContent h4
{
    font-size: 112.5%;
    color: #4D4D4D;
    margin-bottom: 5px;
}

#subContent .details ul, #subContent .details ol
{
    font-size: 75%;
    margin-bottom: 15px;
}

/* Live Chat Button */
#subContent .liveChatItem #comm100_track
{
    font-size: 75%;
}

/*---[ SubNav Menu ]---*/

#subContent .subNav .menu
{
    font-family: Helvetica,Arial,Tahoma,sans Serif;
    float: left;
    width: 282px;
    padding: 4px;
    background: #f2f2f2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}


#subContent .subNav h4
{
    font-size: 75%;
    font-weight: bold;
    margin: 0;
    background: #FFF url(../cssimages/subnav_li_back.gif) bottom left repeat-x;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

#subContent .subNav h4 a
{
    display: block;
    padding: 3px 3px 3px 20px;
    color: #4D4D4D;
    background: url(../cssimages/subnav_arrow_black_back.gif) 5px center no-repeat;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

#subContent .subNav h4 a:hover, #subContent .subNav h4 a:focus
{
    color: #ff0066;
}

.subNav ul ul
{
    padding: 0;
    border-bottom: 2px solid #F2F2F2;
}

.subNav li.last > ul
{
    border-bottom: none !important;
}

.subNav li:last-child > ul
{
    border-bottom: none !important;
}

.subNav li
{
    font-size: 68.75%;
    font-weight: bold;
    line-height: 1.4em;
    background: #ededee url(../cssimages/subnav_li_back.gif) top left repeat-x;
    padding: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.subNav li a
{
    display: block;
    color: #4D4D4D;
    background-image: url(../cssimages/subnav_arrow_red.gif);
    background-position: 5px 10px;
    background-repeat: no-repeat !important;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.subNav li a:hover, .subNav li a:focus
{
    color: #ff0066 !important;
}

.subNav li a:visited
{
    color: #4D4D4D;
}

.subNav li.parent
{
    background: #ededee url(../cssimages/subnav_li_back.gif) top left repeat-x;
}

.subNav li.parent a
{
    background: url(../cssimages/subnav_arrow_black_back.gif) 5px center no-repeat;
}

.subNav li.parent li a
{
    background: url(../cssimages/subnav_arrow_red.gif) 5px center no-repeat;
}

.subNav li.directParent > a
{
    background-image: url(../cssimages/subnav_arrow_black_back.gif) !important;
}

.subNav li.directParent li a
{
    background-image: url(../cssimages/subnav_arrow_red.gif); /*background-color:#FFF;*/
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

.subNav li.current a, .subNav li.currentOpen a
{
    display: block;
    color: #FFF;
    background-color: #ff0066 !important;
    background-image: url(../cssimages/subnav_arrow_wo_red.gif) !important;
    text-decoration: none;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    text-shadow: 0 1px 2px #666666;
}

.subNav li.current a:hover, .subNav li.currentOpen a:hover, .subNav li.current a:focus, .subNav li.currentOpen a:focus
{
    color: #FFF !important;
}

.subNav li.current a:visited, .subNav li.currentOpen a:visited
{
    color: #FFF !important;
}

.subNav li.currentOpen a
{
    background-image: url(../cssimages/subnav_arrow_wo_red_down.gif) !important;
    background-color: #ff0066 !important;
}

.subNav li.current li, .subNav li.currentOpen li
{
    background: #ededee url(../cssimages/subnav_li_back.gif) top left repeat-x !important;
}

.subNav li.current li a, .subNav li.currentOpen li a
{
    background-color: transparent !important;
    color: #4D4D4D;
    background-image: url(../cssimages/subnav_arrow_red.gif) !important;
    background-color: #FFF !important;
    text-shadow: none;
}

.subNav li li.current li a, .subNav li li.currentOpen li a
{
    background-color: #FFF !important;
}

.subNav li.current li a:visited, .subNav li.currentOpen li a:visited
{
    color: #4D4D4D !important;
}

.subNav li.current li a:hover, .subNav li.currentOpen li a:hover, .subNav li.current li a:focus, .subNav li.currentOpen li a:focus
{
    color: #ff0066 !important;
}

.subNav li li
{
    font-size: 100%;
    background: #ededee url(../cssimages/subnav_li_back.gif) top left repeat-x !important;
}

.subNav li li li
{
    background: #FFF !important;
}

.subNav li.currentOpen li
{
    font-size: 100%;
    background: #FFF;
    -webit-border-radius: 0px;
    -moz-border-radius: 0px;
}

.subNav li a
{
    padding: 8px 10px 8px 20px !important;
    background-position: 5px 10px !important;
}

.subNav li li a
{
    padding: 8px 10px 8px 35px !important;
    background-position: 20px 10px !important;
}

.subNav li li li a
{
    padding: 8px 10px 8px 50px !important;
    background-position: 35px 10px !important;
}

.subNav li li li li a
{
    padding: 8px 10px 8px 65px !important;
    background-position: 50px 10px !important;
}

.subNav li li li li li a
{
    padding: 8px 10px 8px 80px !important;
    background-position: 65px 10px !important;
}

/*--- Colour Variations ---*/

/* College Life */

body.collegelife #subContent .subNav h4 a:hover, body.collegelife #subContent .subNav h4 a:focus
{
    color: #FF9900;
}

body.collegelife .subNav li a
{
    background-image: url(../cssimages/subnav_arrow_orange.gif);
}

body.collegelife .subNav li a:hover, body.collegelife .subNav li a:focus
{
    color: #FF9900 !important;
}

body.collegelife .subNav li.parent li a, body.collegelife .subNav li.directParent li a
{
    background-image: url(../cssimages/subnav_arrow_orange.gif);
}

body.collegelife .subNav li.current a, body.collegelife .subNav li.currentOpen a
{
    background-color: #FF9900 !important;
    background-image: url(../cssimages/subnav_arrow_wo_orange.gif) !important;
}

body.collegelife .subNav li.currentOpen a
{
    background-image: url(../cssimages/subnav_arrow_wo_orange_down.gif) !important;
    background-color: #FF9900 !important;
}

body.collegelife .subNav li.current li a, body.collegelife .subNav li.currentOpen li a
{
    background-image: url(../cssimages/subnav_arrow_orange.gif) !important;
    background-color: #FFF !important;
    text-shadow: none;
}

body.collegelife .subNav li.current a:hover, body.collegelife .subNav li.currentOpen a:hover, body.collegelife .subNav li.current a:focus, body.collegelife .subNav li.currentOpen a:focus
{
    color: #FFF !important;
}

body.collegelife .subNav li.current li a:hover, body.collegelife .subNav li.currentOpen li a:hover, body.collegelife .subNav li.current li a:focus, body.collegelife .subNav li.currentOpen li a:focus
{
    color: #FF9900 !important;
}

/* Student Support */

body.studentsupport #subContent .subNav h4 a:hover, body.studentsupport #subContent .subNav h4 a:focus
{
    color: #0066CC;
}

body.studentsupport .subNav li a
{
    background-image: url(../cssimages/subnav_arrow_blue.gif);
}

body.studentsupport .subNav li a:hover, body.studentsupport .subNav li a:focus
{
    color: #0066CC !important;
}

body.studentsupport .subNav li.parent li a, body.studentsupport .subNav li.directParent li a
{
    background-image: url(../cssimages/subnav_arrow_blue.gif);
}

body.studentsupport .subNav li.current a, body.studentsupport .subNav li.currentOpen a
{
    background-color: #0066CC !important;
    background-image: url(../cssimages/subnav_arrow_wo_blue.gif) !important;
}

body.studentsupport .subNav li.currentOpen a
{
    background-image: url(../cssimages/subnav_arrow_wo_blue_down.gif) !important;
}

body.studentsupport .subNav li.current li a, body.studentsupport .subNav li.currentOpen li a
{
    background-image: url(../cssimages/subnav_arrow_blue.gif) !important;
    background-color: #FFF !important;
}

body.studentsupport .subNav li.current a:hover, body.studentsupport .subNav li.currentOpen a:hover, body.studentsupport .subNav li.current a:focus, body.studentsupport .subNav li.currentOpen a:focus
{
    color: #FFF !important;
}

body.studentsupport .subNav li.current li a:hover, body.studentsupport .subNav li.currentOpen li a:hover, body.studentsupport .subNav li.current li a:focus, body.studentsupport .subNav li.currentOpen li a:focus
{
    color: #0066CC !important;
}

/* Pictures and Video */

body.pictureshomepage #subContent .subNav h4 a:hover, body.pictureshomepage #subContent .subNav h4 a:focus
{
    color: #669900;
}

body.pictureshomepage .subNav li a
{
    background-image: url(../cssimages/subnav_arrow_green.gif);
}

body.pictureshomepage .subNav li a:hover, body.pictureshomepage .subNav li a:focus
{
    color: #669900 !important;
}

body.pictureshomepage .subNav li.parent li a, body.pictureshomepage .subNav li.directParent li a
{
    background-image: url(../cssimages/subnav_arrow_green.gif);
}

body.pictureshomepage .subNav li.current a, body.pictureshomepage .subNav li.currentOpen a
{
    background-color: #669900 !important;
    background-image: url(../cssimages/subnav_arrow_wo_green.gif) !important;
}

body.pictureshomepage .subNav li.currentOpen a
{
    background-image: url(../cssimages/subnav_arrow_wo_green_down.gif) !important;
}

body.pictureshomepage .subNav li.current li a, body.pictureshomepage .subNav li.currentOpen li a
{
    background-image: url(../cssimages/subnav_arrow_green.gif) !important;
    background-color: #FFF !important;
}

body.pictureshomepage .subNav li.current a:hover, body.pictureshomepage .subNav li.currentOpen a:hover, body.pictureshomepage .subNav li.current a:focus, body.pictureshomepage .subNav li.currentOpen a:focus
{
    color: #FFF !important;
}

body.pictureshomepage .subNav li.current li a:hover, body.pictureshomepage .subNav li.currentOpen li a:hover, body.pictureshomepage .subNav li.current li a:focus, body.pictureshomepage .subNav li.currentOpen li a:focus
{
    color: #669900 !important;
}

#subContent #photoCategories h3, #subContent #videoCategories h3
{
    font-size: 100%;
    margin-bottom: 7px;
}


/* About Us */

body.aboutus #subContent .subNav h4 a:hover, body.aboutus #subContent .subNav h4 a:focus
{
    color: #FF3300;
}

body.aboutus .subNav li a
{
    background-image: url(../cssimages/subnav_arrow_dorange.gif);
}

body.aboutus .subNav li a:hover, body.aboutus .subNav li a:focus
{
    color: #FF3300 !important;
}

body.aboutus .subNav li.parent li a, body.aboutus .subNav li.directParent li a
{
    background-image: url(../cssimages/subnav_arrow_dorange.gif);
}

body.aboutus .subNav li.current a, body.aboutus .subNav li.currentOpen a
{
    background-color: #FF3300 !important;
    background-image: url(../cssimages/subnav_arrow_wo_dorange.gif) !important;
}

body.aboutus .subNav li.currentOpen a
{
    background-image: url(../cssimages/subnav_arrow_wo_dorange_down.gif) !important;
}

body.aboutus .subNav li.current li a, body.aboutus .subNav li.currentOpen li a
{
    background-image: url(../cssimages/subnav_arrow_dorange.gif) !important;
    background-color: #FFF !important;
}

body.aboutus .subNav li.current a:hover, body.aboutus .subNav li.currentOpen a:hover, body.aboutus .subNav li.current a:focus, body.aboutus .subNav li.currentOpen a:focus
{
    color: #FFF !important;
}

body.aboutus .subNav li.current li a:hover, body.aboutus .subNav li.currentOpen li a:hover, body.aboutus .subNav li.current li a:focus, body.aboutus .subNav li.currentOpen li a:focus
{
    color: #FF3300 !important;
}


/* Staff Pages */

body.staffhomepage #subContent .subNav h4 a:hover, body.staffhomepage #subContent .subNav h4 a:focus
{
    color: #92298d;
}

body.staffhomepage .subNav li a
{
    background-image: url(../cssimages/subnav_arrow_purple.gif);
}

body.staffhomepage .subNav li a:hover, body.staffhomepage .subNav li a:focus
{
    color: #92298d !important;
}

body.staffhomepage .subNav li.parent li a, body.staffhomepage .subNav li.directParent li a
{
    background-image: url(../cssimages/subnav_arrow_purple.gif);
}

body.staffhomepage .subNav li.current a, body.staffhomepage .subNav li.currentOpen a
{
    background-color: #92298d !important;
    background-image: url(../cssimages/subnav_arrow_wo_purple.gif) !important;
}

body.staffhomepage .subNav li.currentOpen a
{
    background-image: url(../cssimages/subnav_arrow_wo_purple_down.gif) !important;
}

body.staffhomepage .subNav li.current li a, body.staffhomepage .subNav li.currentOpen li a
{
    background-image: url(../cssimages/subnav_arrow_purple.gif) !important;
    background-color: #FFF !important;
}

body.staffhomepage .subNav li.current a:hover, body.staffhomepage .subNav li.currentOpen a:hover, body.staffhomepage .subNav li.current a:focus, body.staffhomepage .subNav li.currentOpen a:focus
{
    color: #FFF !important;
}

body.staffhomepage .subNav li.current li a:hover, body.staffhomepage .subNav li.currentOpen li a:hover, body.staffhomepage .subNav li.current li a:focus, body.staffhomepage .subNav li.currentOpen li a:focus
{
    color: #92298d !important;
}

body.collegelife .subNav li.directParent li a, body.studentsupport .subNav li.directParent li a, body.pictureshomepage .subNav li.directParent li a, body.aboutus .subNav li.directParent li a, body.staffhomepage .subNav li.directParent li a
{
    background-color: #FFF;
}



/* Media Component */

#subContent .mediaItem li
{
    padding: 0;
    background: none;
    display: inline;
    float: left;
}

#subContent .mediaItem li img
{
    border: none;
    width: 70px;
    height: 70px;
    float: left;
}

.mediaItem .photos
{
    padding: 1px 1px 5px 1px;
    float: left;
    width: 290px;
}

#subContent .mediaItem .photos li
{
    padding: 1px;
}

/*---[ Sub Content Generic Components ]---*/


/* Newsletter Signup Page */

#mainContent h2.newsletterIntro
{
    font-size: 100%;
    margin-bottom: 20px;
}

#singleMainContent fieldset.newsletter, #singleMainContent h2.newsletterThanks
{
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #E5BFE5;
}

#singleMainContent fieldset.newsletter label
{
    width: 90px;
    margin-right: 10px;
}

#singleMainContent fieldset.newsletter input
{
    margin-right: 10px;
}

#singleMainContent fieldset.newsletter .errorMessages
{
    clear: both;
    float: none;
    width: auto;
    margin-left: 100px;
}

.newsletter .elements, .newsletter .field, .newsletter .errorMessages
{
    width: auto;
}

.newsletter .errorMessages
{
    width: 160px;
}

.newsletter .elements
{
    padding: 0 !important;
}

.newsletter label, .newletter input
{
    display: inline;
    width: auto;
}

.newsletter .errorMessages
{
    padding-top: 5px;
}

.newsletter .errorMessages span
{
    line-height: 1.3em;
    display: block;
}

#footer .siteInfo .newsletter .thankyou
{
    color: #669900;
    font-weight: bold;
}

.infoItem li
{
    font-size: 75%;
}

.infoItem .details p
{
    width: 100%;
}

.infoItem .details li
{
    font-size: 100%;
}

.infoImageItem div p
{
    margin-bottom: 7px;
}

.infoImageItem img
{
    float: left;
    margin: 4px 15px 10px 0;
}

/*-- RSS Feed Link */

.rssFeed
{
    margin: 10px 0;
    clear: both;
}

.rssFeed a
{
    font-size: 87.5%;
    font-weight: bold;
    background: url(../images/feed-icon-28x28.png) center left no-repeat;
    padding: 10px 0 5px 33px;
}

/*---[ Error Page ]---*/


#wrapper .errorContent
{
    float: left;
    width: 605px;
    padding-right: 331px;
}

#wrapper .errorContent li strong
{
    color: #92298D;
}


body.error #header .toolbar ul.links
{
    margin-top: 50px;
}

body.error #mainContent
{
    float: left;
    padding-right: 331px;
}

body.error #mainContent h3
{
    margin-top: 30px;
}

body.error #mainContent li
{
    line-height: 1.7em;
    margin-bottom: 4px;
}

body.error #mainContent li strong
{
    color: #92298D;
}

/*---[ Rich Text Content Styles ]---*/

.leftFloat
{
    float: left;
    width: auto;
    padding: 0;
    margin: 4px 20px 15px 0;
}

.rightFloat
{
    float: right;
    width: auto;
    padding: 0;
    margin: 4px 0 15px 20px;
}

.leftFloat img, .rightFloat img
{
}


/* jQuery Autocomplete Styles */

.ac_results
{
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}

.ac_results ul
{
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li
{
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block; /*  	if width will be 100% horizontal scrollbar will apear  	when scroll mode will be used 	*/ /*width: 100%;*/
    font: menu;
    font-size: 12px; /*  	it is very important, if line-height not setted or setted  	in relative units scroll will be broken in firefox 	*/
    line-height: 16px;
    overflow: hidden;
}

.ac_loading
{
    background: white url('indicator.gif') right center no-repeat;
}

.ac_odd
{
    background-color: #eee;
}

.ac_over
{
    background-color: #0A246A;
    color: white;
}
.ac_results
{
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}

.ac_results ul
{
    width: 100%;
    list-style-position: outside;
    list-style: none !important;
    padding: 0;
    margin: 0;
}

.ac_results li
{
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block; /*  	if width will be 100% horizontal scrollbar will apear  	when scroll mode will be used 	*/ /*width: 100%;*/
    font: menu;
    font-size: 12px; /*  	it is very important, if line-height not setted or setted  	in relative units scroll will be broken in firefox 	*/
    line-height: 16px;
    overflow: hidden;
    background-image: none;
}

.ac_loading
{
    background: white url('indicator.gif') right center no-repeat;
}

.ac_odd
{
    background-color: #eee;
}

.ac_over
{
    background-color: #990099;
    color: white;
}


/*---[ Twitter Feed]---*/

.twitterFeed .inner
{
    background: #f2f2f2;
    width: 278px;
    padding: 5px;
    border: 1px solid #f2f2f2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-bottom: 0;
}
.twitterFeed .inner ul li
{
    background: #FFF;
    margin: 0px;
    padding: 5px 10px;
}
.twitterFeed p
{
    margin: 0;
    width: 100%;
    display: block;
    padding-top: 10px;
    font-size: 100%;
}
.twitterFeed .inner h4
{
    background: url(../cssimages/twitter-feed.gif) left top no-repeat;
    display: block;
    padding: 5px 0 5px 50px;
}

.twitterFeed p a.action  {font-size: 85%;}


/*---[ Facebook]---*/
.facebook
{
    border: none;
}
.facebook h4
{
    padding: 5px;
    background: #3b5998;
    color: #FFF !important;
    margin-bottom: 0 !important;
}

/*---[ News Item]---*/

#mainContent .infoNewsItem:after, #mainContent .newsItemDetail:after, #subContent .infoNewsItem:after, #subContent .newsItemDetail:after
{
    content: ".";
    display: block;
    clear: both;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

#subContent .infoNewsItem
{
    background: #FFF;
    padding: 16px 10px;
    margin-top: 8px;
    border: 1px solid #EEE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    clear: left;
    float: left;
    width: 290px; /*-webkit-box-shadow:0 0 3px #999; 	-moz-box-shadow:0 0 3px #666;*/
}

#subContent .newsItemDetail .imageContainer, #mainContent .newsItemDetail .imageContainer
{
    float: left;
    margin-right: 10px;
    margin-bottom: 0;
}

#subContent .newsItemDetail .imageContainer
{
    margin-bottom: 10px;
}

#subContent .newsItemDetail, #mainContent .newsItemDetail
{
    width: 100%;
    clear: left;
    border-top: 1px solid #e5bfe5;
    padding-top: 10px;
    margin-top: 10px;
    float: left;
}

#mainContent .newsItemDetail
{
    border: none;
    margin-top: 0;
}

#mainContent .newsItemDetail .newsLink
{
    clear:both;
    display:block;
}

#subContent .newsItem .action, #mainContent .newsItem .action
{
    float: left;
    clear: none;
}
#subContent .newsItem .action
{
    margin-top: -10px;
}

#mainContent .infoNewsItem
{
    border-bottom: 1px solid #e5bfe5;
    clear: both;
    padding: 15px 0 10px;
    width: 100%;
}

.homepage #mainContent .infoNewsItem 
{
    border-bottom:none;
}

#mainContent .mainInfoNewsItem
{
	float:left;
	width: 60%;
}
#mainContent .subInfoNewsItem
{	
	float:right;
	width: 35%;
	font-size:12px;
}

/*---[ Social Media ]---*/

.socialBookMarks
{
    background: #efefef;
    border: 1px solid #EEE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}


.socialBookMarks ul:after
{
    content: ".";
    display: block;
    clear: both;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.socialBookMarks ul li
{
    background: none;
    float: left;
    display: inline;
    padding-left: 5px;
}

.socialBookMarks ul
{
    width: 100%;
    margin-bottom: 0 !important;
    padding-top: 10px;
}

.socialBookMarks .addThisLinks li.likeIt
{
    width: 50px !important;
    overflow: hidden;
}
.socialBookMarks ul li a
{
    line-height: normal;
}

#subContent .socialBookMarks
{
    width: 288px;
    float: left;
    margin: 10px 0 0 0;
    display: block;
}

#subContent .socialBookMarks ul {padding-top:0px;}

#subContent .socialBookMarks ul li
{
    padding: 0 0 0 20px;
}
#subContent .socialBookMarks ul li a
{
    background: none;
    padding: 0 !important;
}
#subContent .socialBookMarks .addThisLinks li.likeIt
{
    margin-top: 0px;
}


.newsletterPageComponent p img
{
    max-width:600px;
}

/*--added news item's created date 25-11-10--*/
.newsItemDetail p.date{margin:0;padding:0;font-size:12px;}
#mainContent .mainInfoNewsItem .newsItemDetail:first-child{margin-bottom:20px;}


.onlineOpenDayDesc {width: 100%;}
.onlineOpenDayDesc:after
{
    content: ".";
    display: block;
    clear: both;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.onlineOpenDayDesc .img {float: left; display: inline; width:176px; margin-right:10px;}
.onlineOpenDayDesc .img img { width:176px;}
.onlineOpenDayDesc .details {float: left; display: inline; width: 415px;}
.openDayDisclaimer {width: 100%; clear: both; }
.openDayButton {width: 100%; clear: both; margin-bottom: 10px; }
.openDayButton input{margin-left: 200px;}
.newsletter .newsletterOption {padding: 10px 0!important;}
fieldset .newsletterOption input{ width: 16px; height: 16px; float: left; display:inline; margin-right: 10px; margin-left: 200px;}
fieldset .newsletterOption label{ width: 250px; float: left; display:inline;}
.openDayFormIntro {padding-bottom: 10px;} 
.newsletter  .openDayErrors {clear: both; width: 404px;}
.openError {clear:left; float: left; margin-bottom: 10px;}
.ageInput {width: 50px!important;}
.openEveningForm .elements {padding-bottom: 5px!important;}