/* Set variables */

@import "global_reset.less";
@import "global_helpers.less";
@import "global_addtohome.less";
@import "global_hashgrid.less";
@import "global_masternav.less";

/* =============================================================================
   Links
   ========================================================================== */

a { color: #003366; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }


/* ==|== primary styles =====================================================
   Author: Jaz RACGP IT
   ========================================================================== */


/* Base Typography */

/* VR fonts 12px on 18px grid */

body {
  font-size: 12px;
  font-family: Arial, sans-serif; color: #333;
}

p,ul,ol {
  font-size: 1em; /* 12px */
  line-height: 1.5em; /* 18px */
  margin: 0em 0 1.5em 0;
}

p {margin-top:1.5em}

h1 { font-size: 2.3333em; /* 28px */
  line-height: 1.2857em; /* 36px */
  margin-top: 0.6429em;
  margin-bottom: 0em; font-weight:normal;}

h2 { font-size: 2em; /* 24px */
  line-height: 1.5em; /* 36px */
  margin-top: 0.75em;
  margin-bottom: 0.75em; font-weight:normal; }

h3 {  font-size: 1.5em; /* 18px */
  line-height: 1em; /* 18px */
  margin-top: 1em;
  margin-bottom: 1em; font-weight:normal;
}

h4{ font-size: 1em; /* 12px */
  line-height: 1.5em; /* 18px */
  margin: 0 0 1.5em 0; font-weight:bold;}

/* 36px  */
header h1 {
   font-size: 3em; /* 36px */
  line-height: 1em; /* 36px */
  margin-bottom: 0em;
padding-top:30px;
    padding-bottom:14px;
  font-family: georgia, serif;
  font-style: italic;
  color: /*#5f6062*/ #333; 
padding-left: 338px;
  font-weight: normal;
   word-wrap: normal;
display: block;

}

/* Structural */

html, body { height: 100%; width: 100%; margin: 0;}
#wrapper {width:90%; display: block; zoom:1; margin: 0 auto; position: relative;}
header {position: relative; width: 100%; display: block; margin: 0 auto; min-height:119px;  background-color:#fff; margin-top:18px; padding: 0px; border-bottom: 1px solid /*#ebecec*/ #ccc;}
footer  {width: 100%; height: auto; display: block; border-top:1px solid #ccc; clear: both;}
#content {float: left; display: block;  zoom:1; background:#fff /*url('/images/exam/grad_bg.jpg') top center no-repeat*/;   padding: 0px 12px 36px 12px}

#crest {/*border-right: 1px solid #c7c8c8;*/ padding-right:2px; margin-top:14px; padding-top:5px; float: left; width:305px; clear: left;}

/* elements */

#content table {border-top: solid 1px #000000; border-right: solid 1px #000000; margin-bottom: 17px; width:100%; background-color: #fff; margin-top:10px;}
#content table td, #content table th {border-left: solid 1px #000000; border-bottom: solid 1px #000000; padding:9px 9px 8px 9px; font-size: 1em; /* 12px */
  line-height: 18px; }
footer p {margin: 18px 12px 18px 12px;}

#loginbox {margin-top:0px;}
#loginbox input[type="submit"] {margin-bottom:18px;}
#loginbox input[type="text"], #loginbox input[type="password"] {line-height:1em; padding:4px; margin-top:-5px; }
#loginbox label {display: block; float: left; width:100px; }
#loginbox .loginbutton {margin-left:100px; margin-top:-18px !important; }

/* form */

label { font-size: 1em; /* 12px */
  line-height: 1.5em; /* 18px */
  margin: 0 0 1.5em 0; 
  font-weight:bold;
 }

#AddressDetailsTabs {margin-top:24px;}
.ui-widget {font-size:.9em !important; font-family: arial;}
.ui-tabs {margin-bottom:24px;}
.ui-tabs-panel {margin-top: 23px;}
.formrow {display: block; zoom:1; clear:both; margin-bottom:0px; /*background-color:#ccc;*/}
.ui-tabs-panel .formrow label {display:block; width:100px; float: left; clear: both;  font-size: 1em; /* 12px */
  line-height: 1.5em; /* 18px */
  margin: 0 0 20px 0; font-weight:bold}
.formrow .grouper {display: block; width:400px; float:left; margin-left: 0px; margin-bottom:0px;}
.formrow .examgrouper {display: block; width:400px; float:left; margin-left: 0px; margin-bottom:0px; padding-bottom:36px;}
.formrow .indent {margin-left:12px;}
.formrow .examgrouper ul {margin-top:36px; margin-bottom:18px;}
.formrow .examgrouper ul ul {margin-top:0px; margin-bottom:18px; display: block; float: left; width:100%;}
.ui-tabs-panel .formrow input[type="text"] {line-height:1em; padding:4px; margin-top:-5px; margin-bottom:16px; width:200px;}
.formrow input[type="text"] {line-height:1em; padding:4px; margin-top:-5px; margin-bottom:12px; width:200px;}
.ie8 .formrow input[type="text"] {margin-top:0px;}
.formrow select {line-height:1em; padding:4px; margin-top:-4px; margin-bottom:12px;}
.ui-tabs-panel .formrow select {line-height:1em; padding:4px; margin-top:-4px; margin-bottom:16px;}
.formrow ul {clear: both; float: left; display: block; margin-left:0px; list-type: vertical; list-style-type:none; padding-left:0px; margin-bottom:0px;}
.formrow ul label {width:auto; margin-left:20px; float: left; margin-bottom:0px; margin-top:0px; clear: none; font-size: 1em; /* 12px */ line-height:1.5em; font-weight:normal;}
.formrow ul input[type="radio"] {float: left;}
.formrow ul li {clear:both; }
.formrow label {display:block; width:100%; zoom:1;  clear: both;
  font-size: 1em; /* 12px */
  line-height: 1.5em; /* 18px */
  margin: 1.5em 0 1.5em 0; 
  font-weight:bold;
}
.formrow .short {width:70px !important;}


.inline label {width:150px !important; float:left; margin-top:0px;}

.pbc {display: block; padding-top:18px; clear: both;}
.pbc input[type="checkbox"] {float: left;}
#content input[type="checkbox"] {float: left; margin-right:12px;}

#creditcarddetails {}
#creditcarddetails .row {clear:both; display:block; width:100%; font-size: 1em; /* 12px */
  line-height: 1.5em; /* 18px */
  margin: 1.5em 0 1.5em 0; }
#creditcarddetails .row label {width:100px; display:block; float: left;}
#creditcarddetails .row input[type="text"] {line-height:1em; padding:4px; margin-top:-5px; margin-bottom:0px;}
#creditcarddetails .row select {line-height:1em; padding:4px; margin-top:-5px; margin-bottom:0px;}



#AddressDetailsTabs {display: block;}

#content .loginbutton, #content input[type="submit"], #content .formbutton  {
 color: /* #6e6e6e*/ #333;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 10px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 10px;
  margin-top:36px;
}

#content .loginbutton:hover,  #content .formbutton:hover {color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

#content .loginbutton:active,  #content .formbutton:active  {
    color: #000;
    border-color: #444;
}

#content .loginbutton[disabled],  #content .formbutton[disabled]  
{
    color: #ccc;
    border-color: #ccc;
}

#content .loginbutton[disabled],  #content .formbutton[disabled]

{color: #ccc;
    border-color: #999;
    -moz-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.15);
}

#content .ExamSegments_ExamVenues {border: 1px solid #ccc; margin-bottom:24px; }
#content .ExamSegments_ExamVenues h2 {font-size: 18px;}
#content .ExamSegments_ExamVenues label, #content .ExamSegments_ExamVenues p,   #content .ExamSegments_ExamVenues h2 {padding: 0px 10px 0px 10px}

.errormessage, .erroralert {
  font-size: 1em; /* 12px */
  line-height: 1.5em; /* 18px */
  color:red; font-weight:bold;
}

.validation {color: #9E1E1E; margin-top:18px; }

.errormessage {display: block; float: left; margin-left:100px; }


/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */



@media screen and (max-width: 479px) {
/*Portrait Mobile Percentage */

}

/* ========================================================================== */

@media screen and (max-width: 767px) {
/* Landscape Mobile Percentage */

}


/* ========================================================================== */

/* iPads (landscape) ----------- */
@media screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Ipad specific */

}

/* ========================================================================== */

/* iPads (portrait) ----------- */
@media screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Ipad specific */

}

/* ========================================================================== */


/* iPhone 4 ----------- */
@media
screen and (-webkit-min-device-pixel-ratio : 1.5),
screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}


/* ========================================================================== */


@media screen and (max-width: 1023px) {
/* Desktop/Tablet Percentage widths */

}


/* ========================================================================== */

@media screen and (min-width: 1024px) {
/* Wide screens Fixed width 978px column */

/* Structural */

#wrapper {width:1002px; /*border:1px dotted #000;*/ display: block; zoom:1; margin: 0 auto; position: relative;}
#content {width:978px;}

/* elements */



/* Type */



}


/* ========================================================================== */

/* Large screens ----------- */
@media screen 
and (min-width : 1824px) {
/* Extra wide */

}





/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}