/* 
general.css
Stylesheet used for general layout styles.
Colour schemes etc are contained within styles.css.
*/

html {
    height:101%;
}

/* layout */
body
{
    width:100%;
    font-family: verdana, arial, helvetica, sans-serif;
    font-style: normal;
    background: #f2f2ef;
    color: #000;
    font-size: 12px;
    padding: 0;
    margin: 0px;
}

#page-container
{
    width:1000px;
    margin:0 auto;
    height:100%;
}

#inner-container
{
    float:left;
}

#top 
{
    margin:10px 0 10px 0;
    min-height:106px;
    height:auto !important;
    height:106px;
    background-color: #fff;
    padding: 5px 5px 0 12px;
    border:3px solid #cacaca;
}

.center 
{
    text-align:center;
}

#content {
    min-height:128px;
    height:auto !important;

    font-size: 10pt;
}

#content h1 {
    font-size: 18pt;
    margin-bottom: 10px;
    color:#333;
    font-family:Arial;
    font-weight:bold;
}

#content h2 {
    font-size: 14pt;
    margin-bottom: 10px;
    color:#333
}

#inner-content, #sidebar {
    float:left;
    margin-top:15px;
}

#inner-content 
{
    color:#808080;
    font-size: 10pt;
    background-color: #FFFFFF;
    border: 1px solid #CACACA;
    border-radius: 15px 15px 15px 15px;
    min-height: 500px;
    padding: 20px;
    width: 650px;
    margin-right:20px; /* if you plan on using a left alligned sidebar move this property from here to the #sidebar id and invert their order in the html */
}
/* general layout */


/* footer styles */
#footer 
{
    background-color: #FAFAFA;
    border-top: 1px solid #ccc;
    height: 40px;
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 5px 10px;
}

.footer-copyright 
{
    text-align:left;
    margin:12px 0 0 0;
    font-size: 11px;
    color: gray;
}
/* END footer styles */


p 
{
    float:left;
    width:100%;
    margin:7px 0 7px 0;
}

strong 
{
    font-weight:bold;
}

.image 
{
    float:left;
}

.simple-clear 
{
    clear:both;
}


.rounded
{
    border-radius:15px 15px 15px 15px;
    -webkit-border-radius:15px 15px 15px 15px;
    -moz-border-radius:15px 15px 15px 15px;
}

.logo {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0 none;
}

#logo 
{
    float:left;
    margin:0 0 0 0;
}

#logo a 
{
    display:block;
    text-indent:-9000px;
    border-bottom:none;
    width:200px;
    height:100px;
}

#search 
{
    float:right;
    margin-top:10px;
}

.search-input-bg 
{
    float:left;
    width:238px;
    height:21px;
    margin-right:6px;
}

.search-input 
{
    background:none;
    border:0 none;
    float:left;
    width:228px;
    height:18px;
    padding:4px 0 0 5px;  
}

/* start: this styles apply to submit button forms */
.form-button 
{
    float:left;
    height:21px;
    overflow:visible;	
    margin:0;
    padding:0 6px 0 0; 
}

.form-button span 
{
    display:block;
    height:21px;
}

.form-button span input 
{
    background:transparent;	 	
    border:0 none;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    height:21px;
    margin:0;
    overflow:visible;	
    padding:0 3px 0 7px;
}	
/* end: this styles apply to submit button forms */





#inner-content p {
    float:none;
    margin-bottom: 18px;
}

#inner-content ul {
    margin-left:50px;
    list-style-type:square;
    list-style-position:outside;
}

#inner-content ol {
    margin-left:50px;
    list-style-type:decimal;
    list-style-position:outside;
}

#sidebar {
    width:280px;
}

#content h1 {
    float:left;
    margin:6px 0 10px 0;
    width:100%;
}

#content h2 {
    margin:10px 0 0 0;
    padding:0;
}

.featured {
    float:left;
    margin:10px 0 0 0;
    width:100%;	
}

#content .featured h2 {
    margin:0 0 -2px 0;
}

.featured ul li {
    float:left;
    width:100%;
    margin:4px 0 6px 0;
}

.fw-img {
    float:left;
    margin:4px 19px 0 0;
    padding-bottom:15px;
    display:block;
}

.fw-txt {
    float:left;
    width:461px;
}

.fw-txt h3 {
    margin:3px 0 0 0;
}

.fw-txt p {
    margin:3px 0 10px 0;
}


#output { 
    text-align:left; 
}

a.button {
    cursor:pointer;
    display:block;
    float: left;
    height:21px;
    line-height:10px;
    padding:2px 6px 0 0;
}

a.button span {
    float:left;
    height:21px;
    margin:-2px 0 0 0;
    line-height:9px;
    padding:6px 10px 8px 15px;
}


/* START table styles */
.tbl {
    float:left;
    margin-top:10px;
    width:100%;
}
*:first-child+html .tbl { /* this applies only to ie7 */
    margin-bottom:10px;
}
.tbl td {
    float:left;
}
.tbl tr td {
    padding:4px 0 4px 14px;
}
.tbl tr .td-1 { 
    width:116px; 
}
.tbl tr .td-2 {
    width:105px; 
}
.tbl tr .td-3 {
    width:98px; 
}
.tbl tr .td-4 {
    width:120px; 
}
.tbl tr .td-5 {
    width:128px; 
}
/* END table styles */

table.client-list
{
    border-spacing: 10px;
}

table.client-list td
{
    vertical-align:middle;
}

div.testimonial {
    float:left;
    width:100%;
    margin-bottom:20px;
    border-bottom: 1px solid #ccc;
}

div.testimonial h2 
{
    text-transform:uppercase;
}


div.testimonial h3 
{
    font-weight:bold;
}

img.university-logo {
    float: right;
    height:75px;
    margin:10px;
}

p.persons-name {
    float:right;
    clear:right;
    text-align:right;
    font-weight:bold;
}

.h-box-1, .h-box-2
{
    float:left;margin-top:10px;
    background-color:#fafafa;
    border:1px solid #dcdcdc;
    padding:10px 15px;
    width:280px; height:260px;
    margin-bottom:30px;
    border-radius: 15px;
}

.h-box-1
{
    margin-right:26px;width:280px;
}

.h-box-2
{
    width:280px;
}
        .h-box-img
        {float:left;width:40px;margin-right:10px;}
        
        .h-box-1 h3, .h-box-2 h3
        {float:left;line-height:20px;margin-top:6px;color:#b80707;}
        
        #left .h-box-1 .h-box-title .header-desc
        {float:left;width:234px;}
        #left .h-box-2 .h-box-title .header-desc
        {float:left;width:249px;}
        .h-box-wrap
        {float:left;width:100%;}
        .h-services-list
        {float:left;width:100%;}
        .h-services-list li
        {margin:2px 0 2px 0;width:100%;color:#808080}
        .h-services-list li a
        {color:#808080}
        .body-rm, .reverse-arrow
        {float:left;height:18px;padding-right:8px;}

.jqueryslidemenu ul li a {
    background-color: #FFFFFF;
    border-top: 1px solid white;
    color: #3F3F3F;
}
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited {
}
.jqueryslidemenu ul li a:hover {
    color: #B80707;
}
.jqueryslidemenu ul li ul li a:hover {
    border-top: medium none;
    color: #B80707;
}
.jqueryslidemenu ul li ul {
    border-bottom: 1px solid #A3A3A3;
}
.jqueryslidemenu ul li a.AspNet-Menu-Selected, .jqueryslidemenu ul li a.AspNet-Menu-ChildSelected, .jqueryslidemenu ul li a.AspNet-Menu-Selected:link, .jqueryslidemenu ul li a.AspNet-Menu-ChildSelected:link {
    border-top: 2px solid #3F3F3F;
    color: #B80707;
}
.jqueryslidemenu ul li ul li a.AspNet-Menu-Selected, .jqueryslidemenu ul li ul li a.AspNet-Menu-ChildSelected, .jqueryslidemenu ul li ul li a.AspNet-Menu-Selected:link, .jqueryslidemenu ul li ul li a.AspNet-Menu-ChildSelected:link {
    border-top: medium none;
    color: #B80707;
}
.jqueryslidemenu ul li:hover {
}
.jqueryslidemenu {
    clear: right;
    float: right;
    margin: 30px 0 0;
    position: relative;
    z-index: 100;
}
.jqueryslidemenu .primary-menu {
    margin: 10px 0 10px 10px;
}
.jqueryslidemenu ul li {
    display: inline;
    float: left;
    padding: 8px 16px;
    position: relative;
}
.jqueryslidemenu ul li a {
    display: block;
    text-decoration: none;
}
* html .jqueryslidemenu ul li a {
    display: inline-block;
}
.jqueryslidemenu ul li ul {
    display: block;
    left: 0;
    position: absolute;
    visibility: hidden;
}
.jqueryslidemenu ul li ul li {
    display: list-item;
    float: none;
    padding: 0;
}
.jqueryslidemenu ul li ul li ul {
    margin-left: -1px;
    margin-top: -1px;
}
.jqueryslidemenu ul li ul li ul a {
    top: 0;
}
.jqueryslidemenu ul li ul li a {
    border-top-width: 0;
    padding: 6px 5px 6px 10px;
    width: 160px;
}
.AspNet-Menu-WithChildren ul {
    z-index: 100;
}
div#navigation-box .AspNet-Menu-Selected {
    background: url("white_red/nav_arrow.gif") no-repeat scroll 14px -27px #F3F3F3;
    color: #B80707;
}

.highlight 
{
    background-color: Yellow;
}



/* messages */
div#flash
{
    height:30px;
    width:98%;
    float:left;
    clear:right;
    padding:6px;
    line-height:20px;
    margin:0 5px 5px 5px;
    border-radius:5px;
    visibility:hidden;
    border:1px solid white;
    cursor:default;
}

div#flash.info
{
    background-color: #CCFFCC;
    border: 1px solid #006600;
    font-family: helvetica;
    font-size: 1.1em;
    text-align: center;
    font-weight: bold;
    color: #339933;
}
div#flash.warning
{
    background-color: #FFFF99;
    border: 1px solid #CC9900;
    font-family: helvetica;
    font-size: 0.9em;
    text-align: center;
    font-weight: bold;
    color: #663300;
}
div#flash.error
{
    background-color: #FFCC99;
    border: 1px solid #800000;
    font-family: helvetica;
    font-size: 1.1em;
    text-align: center;
    font-weight: bold;
    color: #990000;
}
div#close-message
{
    display:inline;
    z-index:10;
    cursor:pointer;
}

div#navigation li 
{
    float: left;
    margin: 0 4px 0 0;
    font-size: 14px;
}

div#navigation li a 
{
    float: left;
    padding: 8px 12px;
    text-decoration: none;
    color: #324890;
    background-color: #f3f3f4;
    border: 1px solid #bbbec3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

div#navigation li a:hover,
div#navigation li a:focus {
background: #bbb;
}

div#navigation li a:active {
    background: #324890;
}

div#navigation li.active a {
    color: #fff;
    background: #324890;
}		
        
#user-info
{
    float:right;
    padding-right:5px;
}

#user-info img
{
    float:right;
}

#user-info #name
{
    float:right;
    margin-top:5px;
}

div.context-info
{
    background: none repeat scroll 0 0 #E7F4FF;
    border: 1px solid #C9DDFA;
    margin: 0 0 10px 0;
    padding: 12px 15px;
}



div.confirmation-dialog
{
    text-align:center; 
}

#content h2.confirmation-warning,
#content h2.confirmation-info
{
    font-size: 22px;
    font-weight:bold;
}


#content h2.confirmation-warning
{
    color:#cc0000;
}

#content h2.confirmation-info
{
    color:#006699;
}

span.field-validation-error
{
    background-color: #FFFF99;
    color: #663300;
    font-weight:bold;
    font-family: helvetica;
    font-size: 1.1em;
}

input.input-validation-error
{
    background-color: #FFCCCC;
}

div.validation-summary-errors
{
    background-color: #FFFF99;
    border: 1px solid #CC9900;
    font-family: helvetica;
    font-size: 0.9em;
    text-align: center;
    font-weight: bold;
    color: #663300;
    padding:10px;
}

div.section-note p 
{
    padding:1%;
    width:98%;
    border:1px solid gray;
}

#banner_text
{
    float:left; 
    font-size:20pt; 
    color:#333; 
    margin-top: 42px; 
    margin-left: 3px; 
    width: 250px; 
    line-height:25px;
}


/* temporary bootstrap overrides */
.alert {
    color: #222;
}


/* Bootstrap Navbar overrides */
.navbar .nav > li > a {
  text-shadow: none !important;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  color: #fff !important;
  background-color: #324890 !important;
  border-color: #324890;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #fff !important;
  background-color: #324890 !important;
  border-color: #324890;
}

.nav-tabs > li {
  margin-bottom: -2px;
}

.nav-tabs > li > a {
  border: 1px solid #ccc !important;
  -webkit-border-radius: 8px 8px 0 0;
     -moz-border-radius: 8px 8px 0 0;
          border-radius: 8px 8px 0 0;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  color: #fff !important;
  background-color: #324890 !important;
}

.note-editor .btn-toolbar {
    margin-top: 0px !important;
}

pre {
    -ms-word-break:keep-all !important;
    word-break: normal !important;
}

/*stops icons shinking in Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
 img{
     max-width:none;
 } 
}

ul,ol{
    padding: 0;
    margin: 0 0 10px 25px;
}