/* Copyright (c)2012 Thinkroomten Ltd.  All rights reserved.  */

/* ON TRIAL 
****************************************************************************************************/

div#xmap ul {margin:0 0 0 1.42em; list-style:square;}
div#xmap ul li {margin:0;}
div#xmap ul li a img {display:none;}

#facebookbox img {width:40px; height:auto;}

/* END OF TRIAL
****************************************************************************************************/


/* MENUS 
****************************************************************************************************/
/* Main Menu */
ul.menu {list-style-type:none; margin:0; }
ul.menu li {margin:0; padding:6px 35px 0 0; background:transparent url('../graphics/navbg.gif') no-repeat right bottom; display:block; float:left;}
ul.menu li:last-child {background-image:none; padding-right:0;}
ul.menu li a {
color:#000; font:normal 14px/18px 'Quicksand Book', Arial; letter-spacing:0.1em; text-transform:uppercase;
 }
ul.menu li a:visited {}
ul.menu li a:hover   {color:#c60c30;}
ul.menu li.active a  {color:#c60c30;}

/* Footer Menu */
ul.menuft {list-style-type:none; margin:0;}
ul.menuft li {margin:0; border-right:1px solid #fff; display:block; float:left; overflow:visible; padding:0 12px 5px;}
ul.menuft li:first-child {padding-left:0;}
ul.menuft li:last-child {padding-right:0; border-right:none;}
ul.menuft li a, ul.menuft li span.separator {
color:#fff; font:normal 14px/18px 'Quicksand Book', Arial; letter-spacing:0.1em; padding-bottom:2px; text-transform:uppercase;
 }
ul.menuft li a:visited { }
ul.menuft li a:hover   {border-bottom:1px solid #c60c30;}
ul.menuft li.active a { /* style active link */ }


/* ARTICLE ICONS & PERIPHERALS
****************************************************************************************************/
ul.actions {list-style-type:none; }
ul.actions li {float:right; margin:0; padding:0 0.5%;}
a.readmore, p.readmore {color:#444; font-size:0.7em; float:right;}

/* COMPONENT - EDITOR PAGE
****************************************************************************************************/
div.edit {}
/* SECTIONS / FEILDSETS */
div.edit form#adminForm.form-validate fieldset        {margin:0 0 30px;}
div.edit form#adminForm.form-validate fieldset legend {margin:0 0 15px; border-bottom:1px dotted #777; display:block; width:100%;}
/* LABELS */
div.edit form#adminForm.form-validate fieldset label {display:inline-block; width:150px;}
/* ACTION BUTTONS */
div.formelm-buttons {float:right;}
div.formelm-buttons button {display:inline-block;}
/* XTD BUTTONS UNDER EDITOR */
div#editor-xtd-buttons {text-align:center;}
div#editor-xtd-buttons div {display:inline-block; margin-right:10px;}
div#editor-xtd-buttons div div a {font-size:11px;}
/* SPACE BETWEEN FORM LINES */
div.formelm, div.formelm-area {margin-bottom:5px;}
/* CALENDAR POSITION */
div.formelm img.calendar {display:inline-block; vertical-align:middle;}
/* EDITOR */
div.mceEditor {  position: relative;}
div.mceEditor.fullscreen {position: fixed;  z-index: 10000;  top:0;  left:0;}
div.mceEditor table.mceLayout td {  padding: 0;  margin: 0;  text-align: left;}
/* EDITOR TOGGLED OFF */
textarea.wfEditor, textarea.wfNoEditor {background: #FFFFFF none;font-family: monospace;font-size: 12px;color:#333;line-height: 16px;position: relative;border: 1px solid #CCCCCC;}
textarea.wfEditor:focus, textarea.wfNoEditor:focus {  background: #FFFFFF none;   color: #333;}
span.wf_editor_toggle {cursor: pointer;  display: block;  padding: 7px;  line-height: 20px;  font-size:9px;}
div.mceEditor table.mceLayout td.mceIframeContainer iframe.hidden {visibility: hidden;z-index: 0;}
div.mceEditor table.mceLayout td.mceIframeContainer iframe.offleft {position: absolute;  position: absolute;    top: -10000px; left: -10000px;}

/* COMPONENT - PROFILE PAGE & EDIT PROFILE PAGE
****************************************************************************************************/
/* profile */
div.profile fieldset        {margin:0 0 30px;}
div.profile fieldset legend {margin:0 0 15px; border-bottom:1px dotted #777; display:block; width:100%;}
div.profile fieldset dl     {width:370px;}
div.profile fieldset dl dt  {display:inline-block; width:170px; margin-bottom:5px;}
div.profile fieldset dl dd  {display:inline-block; margin:0;}
/* edit */
div.profile-edit form fieldset        {margin:0 0 30px;}
div.profile-edit form fieldset legend {margin:0 0 15px; border-bottom:1px dotted #777; display:block; width:100%;}
div.profile-edit form fieldset dl     {width:440px;}
div.profile-edit form fieldset dl dt  {display:inline-block; width:200px; margin-bottom:5px;}
div.profile-edit form fieldset dl dd  {display:inline-block; margin:0;}
div.profile-edit form div button.validate {margin-bottom:5px;}

/* COMPONENT - CONTACT FORM
****************************************************************************************************/
div.contact {padding:0 0 30px 323px; width:520px; position:relative;}
div.contact span.jicons-icons {display:none;}
div.contact-form form fieldset        {margin:0 0 30px;}
div.contact-form form fieldset legend {margin-bottom:10px; font-size:0.8em;}
div.contact-form form fieldset dl     {width:520px;}
div.contact-form form fieldset dl dt  {display:inline-block; margin-bottom:30px; padding:7px; width:170px;}
div.contact-form form fieldset dl dd  {display:inline-block;}
div.contact-form form fieldset dl dt.copy {margin-bottom:0; padding-left:210px; width:120px; font-size:12px;}
div.contact-form form fieldset dl dt.buttonrow {padding:0; margin:0;}
div.contact-form form fieldset dl dd.buttonrow {margin-left:37px;}
div.contact-form form fieldset dl dt label {}
div.contact-form form fieldset dl dd input {width:280px; border:1px solid #ccc; padding:10px;}
div.contact-form form fieldset dl dd.copy input {width:15px;}
div.contact-form form fieldset dl dd textarea {width:280px; border:1px solid #ccc; padding:10px;}
.buttonrow .button  {background:#303030 url('../graphics/submitbutton.gif') no-repeat center top;}
.buttonrow .button:hover {background:#303030 url('../graphics/submitbutton.gif') no-repeat center bottom;}



/* PETER-KANE-CONTACT FORM

*********************************************************/
span.contact-name
{ position:absolute;
top:173px;
left:0px}

p.contact-position { 
position:absolute;
top:213px;
left:0px;
width:166px;
}

address {position:absolute; 
top:289px;
left:0px;
width:150px;
}








/* COMPONENT - LOGIN
****************************************************************************************************/
div.login {width:360px; margin:20px auto 10px; color:#333;}
div.login form fieldset {padding:20px; background:#efefef; border:1px solid #c60c30; border-radius:10px; -moz-border-radius:10px;}
div.login-fields {display:block; margin:0 0 5px;}
div.login-fields label {display:inline-block; width:120px;}
div.login-fields label#remember-lbl {font-size:10px; text-align:right; padding-right:5px; width:290px;}
div.login form fieldset button.button {}
div#forgetfuls {width:320px; margin:0 auto;}
div#forgetfuls ul {list-style-type:none; margin:0; text-align:center;}
div#forgetfuls ul li {margin:0 20px; display:inline-block;}
div#forgetfuls ul li a {font-size:10px;}

/* MEDIA QUERIES
****************************************************************************************************/
/* FULL LANDSCAPE DESKTOP */
@media screen and (min-width:1025px) and (orientation:landscape) {

}

/* FULL PORTRAIT DESKTOP */
@media screen and (min-width:801px) and (orientation:portrait) {

}

/* LANDSCAPE TABLET */
@media screen and (min-width:801px) and (max-width:1024px) and (orientation:landscape) {

}

/* PORTRAIT TABLET */
@media screen and (min-width:481px) and (max-width:800px) and (orientation:portrait) {


/* LANDSCAPE SMARTPHONE */
@media screen and (max-width:800px) and (orientation:landscape) {

}

/* PORTRAIT SMARTPHONE */
@media screen and (max-width:480px) and (orientation:portrait) {

}