html{ font-size:100%; min-height:101%;}
body{ font-size:62.5%; color:#666; background: url(../images/background.gif) repeat-x top #f0f0f0; }
a{ }
a:hover { }
a:active{ }
a:visited{ }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; }
img.left{ margin:0 1em 1em 0; }
img.right{ margin:0 0 1em 1em; }
.padding{ padding:10px; }
#content p, #tabContent ul { margin:1.1em 0; font-family: Georgia, sans-serif; line-height: 135%; font-size: 1.05em;}
/* ------------------------------------------------------------------------------------
STRUCTURE */
#container{ background: url(../images/main-background.png) repeat-y center; margin-top:27px; font-size:1.5em; }
#header{ background: url(../images/header-back.jpg) no-repeat; height:141px; }
#footer{ padding:10px; background: url(../images/foot-back.jpg) repeat-x; height: 55px; clear:both; margin:0px 18px; border:6px solid #fff; border-top:0px; border-bottom:0px;}
#content{ }
#right{ }
#left{ }
#bottom{ background: url(../images/bottom-back.jpg) no-repeat; height:22px; width:969px; }
/* ------------------------------------------------------------------------------------
CUSTOM */
h2 { margin-top: 0.5em; font-family: Trebuchet MS; color: #3b5889; }
h3 { font-family: Georgia; font-size: 1.2em; font-weight:normal; color: #3b5889; margin: 22px 0 12px 0; font-variant:normal;}
#RanelaghSchoolText { margin: 25px 0px 0px 25px }
#nav { margin: 9px 0 0 25px; }
#nav li { float:left; }
#nav li a { display:block; padding:7px 10px; text-decoration:none; color: #3b5889; font-size: 1.35em; font-family: Georgia; }
#nav li a.on, #nav li a:hover { padding:5px 8px; border: 2px solid #727f9c; background:#8193b2; color: #fff; text-decoration:underline; }
.mainCol { float:left; width:681px; margin:11px 25px; display:inline;}
.col { float:left; width: 205px; margin:11px 3px; display:inline;}
#contentRotator { height:325px; width:681px; color: #fff}
#contentRotator img { display:none; }
.module .head { font-family:Arial; font-weight: bold; font-size: 0.8em; background: url(../images/module-icon.jpg) no-repeat left #ab994f; padding: 2px 15px 1px; color:#fff}
.module .head, .module fieldset, .linkModule { border: 1px solid #93813f; margin-bottom:0px;}
.module fieldset, .linkModule { padding:8px 8px 6px; }
.linkModule { height:110px; margin-top:20px; background: #fff; /*width:183px;*/ }
.linkModule div { margin: auto auto; height:auto; width:194px; }
.linkModule div div { text-align:center;}
.linkModule a { text-decoration: none; }
.linkModule a img { margin-right:1em; }
.module label, .module input, .module a { font-family: Arial; font-size: 0.8em; color: #000; font-weight: normal; }
.module input { float:right; width:121px !important; height: 24px !important; margin:0px 0px 3px 0px; padding:0px; border:1px solid #405b88}
.module label { margin-bottom:5px; height: 18px; float:left; padding-top:6px; clear:both;}
.module .main{ background: url(../images/module-background.jpg) repeat-x top; }
.module a, a.button { font-family: Arial; font-size: 0.8em; clear:both; margin-top: 3px; background: url(../images/button-back.gif) repeat-x top; text-decoration: none; color: #fff; text-align: center; height:17px; display:block; float:right; padding-top:4px; }
.module a { width:63px; }
a.button span { background: url(../images/button-icon.jpg) no-repeat 0% 50%; margin:2px 4px; padding-left:10px; }
.listModule ul li { list-style:none; color:#b09c4c; margin-left:15px; height:23px; }
.listModule ul li a { font-family: Georgia; font-style: italic; font-size: 1em; color:#6a6969; display:block; height:15px; }
#columns { padding:6px 6px 0px 7px; margin-top: 16px; width: 669px; background: url(../images/left-module-back.gif) repeat-x top #efefef; }
#columns .column { width:214px; float:left; margin-right:4px; padding-right: 9px; background: url(../images/col-seperator.gif) no-repeat right top; padding-bottom: 6px; }
#columns .column h2 {text-align:center;font-family: Trebuchet MS; padding-top:8px; font-weight:bold; font-size: 1.2em; font-style:italic; background: url(../images/column-head-back.jpg) repeat-x top; height: 30px; width:214px; color:#fff; }
#columns .column p { line-height: 115%; padding: 4px; font-family: Georgia; font-size: 1em; color:#7f7f7f; font-weight: normal !important; margin-top: 6px; margin-bottom: 6px; }
#columns .column img { border: 1px solid #898c91; margin-left:6px; clear:both; }
#columns .column a.button { margin-bottom:7px; margin-right:8px; }
.last { margin: 0px !important; background: none !important; padding:0px !important}
#footer, #footer strong, #footer a { font-family: Arial; font-size: 0.9em; color:#7f7f7f; }
#footer .right { text-align:right; margin-top: 1em; padding-top:2px; }
#footer p { margin-bottom: 2px; }
#footer p:first-child { margin-bottom: 6px; }
#infoMsg { background: #ffe92c; border: 2px solid #c10000; padding:8px; margin-bottom: 16px; font-family: Georgia; }
#infoMsg h3 { color: #c10000; text-transform: uppercase; margin:0px; font-weight:bold; }
#infoMsg p { margin:4px 0px; }
#infoMsg p.text { color: #000; }
#tabHeads { background: url(../images/tabHead.gif) repeat-x; height:39px; }
#tabHeads p { margin: 0em; }
#tabHeads p em { font-family: Trebuchet MS; float:left; color: #fff; font-size:1.4em; margin:8px 0px 0px 8px;}
#tabHeads ul { float:right; }
#tabHeads ul li { background: url(../images/tabLeftOff.gif) left no-repeat #ccd4e1; float:left; margin:6px 6px 0px 0px; cursor: pointer; }
#tabHeads ul li a { font-family: Georgia; font-size: 0.9em; font-style:italic; background: url(../images/tabRightOff.gif) right no-repeat; display:block; padding: 10px 10px 0px; height:23px; }
#tabHeads ul li.on { background: url(../images/tabLeft.gif) left no-repeat #fff; }
#tabHeads ul li.on a { background: url(../images/tabRight.gif) right no-repeat; font-weight: bold;}
#tabContent table { font-family: Georgia; width:100%; }
#tabContent table tr, #tabContent table tr th, #tabContent table tr td { padding:4px; }
#tabContent table tr th { text-transform: capitalize; font-family: Trebuchet MS; font-size:1.2em; font-style:italic; text-align:left; color:#798cae; }
#tabContent table tr td { font-size: 1.05em; color:#7f7f7f; }
#tabContent h3 { font-size: 1.2em; margin: 1.2em 0em; }
.organisation { width: 200px; padding:10px; float:left; }
#messages table, #newsletters table { border: 1px solid #dfdfdf; width: 500px; margin: 10px auto; }
#jobs table { border: 1px solid #dfdfdf; width: 640px; margin: 10px auto; }
#messages thead, #jobs thead, #newsletters thead { background: #dfdfdf; }
#messages fieldset, #addMessages fieldset, #jobs fieldset, #addJobs fieldset, #newsletters fieldset, #addNewsletters fieldset { border: 0; margin:0; padding:0; height:13px;}
#addMessages fieldset, #addJobs fieldset, #addNewsletters fieldset{ height: auto; }
#addMessages label, #addJobs label, #addJobs input.jobtitle, #addNewsletters label, #addNewsletters input.newslettertitle { margin:0 0 10px 140px; display:block; }
#addJobs input.jobtitle, #addNewsletters input.newslettertitle { border:1px solid #BBB; padding: 5px; width:390px; }
#addJobs input.jobtitle:focus, #addNewsletters input.newslettertitle:focues { border:1px solid #666; }
#newTickerMessageText { height: 16px; width:600px; font-size: 1em; }
#messages input, #jobs input, #newsletters input { vertical-align:baseline; }
#messages th, #jobs th, #newsletters th { text-align:left; }
#messages tr, #jobs tr, #newsletters tr { margin: 2px 0px; border-bottom: 1px #dfdfdf solid; }
#messages td, #jobs td, #newsletters td { padding: 2px 0px; }
#messages td.text, #jobs td.text, #newsletters td.text { width:300px; }
#messages td.text1, #jobs td.text1, #newsletters td.text1 { width:270px; }
#messages td.actions, #jobs td.actions, #newsletters td.actions { padding-left: 15px; }
.add { text-decoration: none; }
.add:hover { background: #efefef; }
.smallText { font-size: 0.8em !important; }
.center { text-align: center; }
.centerAlign { margin: 0 auto; display:block; }
.leftOnly { display:inline !important; }
.calendarTable tbody tr th { line-height:50px; }
#tabContent .organisation { text-align:center; }
#jobs p, #jobs h3, #newsletters p, #newsletters h3 { margin: 0.4em !important; }
.joblink, .newsletterlink { margin: 10px; }
#sitemap p {margin-left: 15px; }
.defaultSimpleSkin table.mceLayout { margin-left: 140px; }
.soft { color:#afafaf; font-weight: normal;}
/* FILE UPLOAD STYLING */
#divinputfile{
background:transparent url(../images/upload_file.gif) no-repeat scroll 100% 4px;
height:52px;
margin:4px 0 0 140px;
width:400px;
}
#divinputfile #filepc{
opacity: 0.0;
-moz-opacity: 0.0;
filter: alpha(opacity=00);
font-size:18px;
}
#fakeinputfile{
margin-top:-28px;
}
#fakeinputfile #fakefilepc{
width:275px;
height:22px;
font-size:18px;
font-family:Arial;
}
/* Form Styling */
form#EnquiryForm, form#forForm, form#loginform, form#ProspectusForm { /* set width in form, not fieldset (still takes up more room w/ fieldset width */
font:100% verdana,arial,sans-serif;
margin: 20px 0 0 50px;
padding: 0;
min-width: 500px;
max-width: 600px;
width: 560px;
}
form#loginform{margin: 1em 0em !important }
form#ProspectusForm fieldset, form#EnquiryForm fieldset, form#forForm fieldset, form#loginform fieldset {
padding: 10px; /* padding in fieldset support spotty in IE */
margin: 0;
}
form#ProspectusForm fieldset legend, form#EnquiryForm fieldset legend, form#forForm fieldset legend, form#loginform fieldset legend {
font-size:1em; /* bump up legend font size, not too large or it'll overwrite border on left */
/* be careful with padding, it'll shift the nice offset on top of border */
}
form#ProspectusForm label, form#EnquiryForm label, form#forForm label, form#loginform label {
font-weight: normal;
display: block; /* block float the labels to left column, set a width */
float: left;
width: 160px;
padding: 0;
margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
text-align: left;
}
form#loginform label { text-align:right; margin-right: 15px; }
form#ProspectusForm input, form#ProspectusForm textarea, form#forForm input, form#uploadForm select, form#forForm textarea, form#EnquiryForm input, form#EnquiryForm textarea, form#loginform input, form#loginform textarea {
/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
color:#000;
width:340px; /* set width of form elements to auto-size, otherwise watch for wrap on resize */
margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
label aligns textarea better in IE */
border: 1px solid #bbbbbb;
padding:5px;
}
form#uploadForm select { margin:0 0 10px 140px; width: 400px !important;}
#fileUploadTitle { margin:0 0 10px 140px; width: 386px !important; padding: 5px }
form#ProspectusForm input#reset, form#EnquiryForm input#reset {
margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}
form#ProspectusForm textarea, form#forForm textarea, form#EnquiryForm textarea { overflow: auto; }
form#ProspectusForm #submityourenquiry, form#forForm #submityourenquiry, form#EnquiryForm #submityourenquiry { margin: 20px auto 10px; display:block }
form#ProspectusForm small, form#forForm small, form#EnquiryForm small { font-size: 0.6em; }
input[type="submit"] { cursor:pointer;}
ul#ticker-area {
border:1px solid #cfcfcf; margin:4px 0px 14px;
position:relative;
overflow:hidden;
float:right;
width:669px;
height:1.1em;
padding:5px;
font-size: 1em; font-family: Georgia, sans-serif;
}
ul#ticker-area li {
position: absolute;
left:669px;
top:0px;
margin: 6px;
}
ul#ticker-area li.news-slide-first, ul#ticker-area li.news-slide-first {
left:0;
}
.editIcon { padding-left: 6px; }
.editIcon img { vertical-align:sub; margin-top:6px; }
#admissionsList li { margin:0 0 5px 15px ; list-style-type: disc}
/* FRIENDS OF RANELAGH */
/* #for strong { color: #3B5889; font-family: 'Trebuchet MS' }*/
input[type="radio"] { width:10px !important; margin: 10px 5px 0px 170px !important; clear:right; line-height:2em; }
.radio input { border: 0px none !important; }
#firstRad { margin-left:10px !important; }
.forCol { width: 330px; float: left; margin-right: 10px; }
.forCol strong { font-weight: normal; }
#forJoin { padding: 0 15px 5px; border: 1px dashed #6A6969; background: #f8f8e4; margin-top: 20px; }
#forJoin ul { list-style-type:disc; margin-left:18px; }
#forJoin ul li { margin-bottom: 5px; }
#forDate { padding-left: 20px; }
#forMsg { padding: 0 15px 5px; border: 1px solid #6A6969; background: #eee; margin-top: 20px; }
.forList li { background: url(/images/page_white_put.png) no-repeat; padding-left: 25px; }
#forMsg pre {
font-family:Georgia,sans-serif;
font-size:1.05em;
line-height:135%;
margin:1.1em 0;
overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
/* width: 99%; */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
ul.dotify { list-style-type: disc !important; margin-left: 20px !important; }
ul.spacify li { margin: 1em 0em;}