/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

@import url(../../../warp/css/layout.css);

html, body {
    height: 100% !important;
}

#page-wrapper {
    min-height: 100%;
}

#content-wrapper {
    overflow: auto; 
    padding-bottom: 180px;
}

#footer-wrapper {
    position: relative; 
    margin-top: -180px; 
    height: 180px; 
    clear:both;
}

.grid-box-negM {
    margin-top:-40px;
    }

/* Common
----------------------------------------------------------------------------------------------------*/

.f_left { float: left; }
.f_right { float: right; }

.padding_hor { padding: 0 30px; }
.padding_ver { padding: 30px 0; }
.padding_top { padding-top: 30px; }
.padding_bottom { padding-bottom: 30px; }
.padding_left { padding-left: 30px; }
.padding_right { padding-right: 30px; }
.padding_none { padding: 0; }

.margin_hor { margin: 0 30px; }
.margin_ver { margin: 30px 0; }
.margin_top { margin-top: 30px; }
.margin_bottom { margin-bottom: 30px; }
.margin_left { margin-left: 30px; }
.margin_right { margin-right: 30px; }
.margin_none { margin: 0; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

/*use .hide instead of visibility: hidden for accessibility*/
.hide {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

hr {
    background-color: #ddd;
    color: #ddd;
    height: 1px;
    border: 0;
    margin: 30px 0;
}


/* Module Spacing
----------------------------------------------------------------------------------------------------*/

#toolbar, #header { margin: 0 15px; }
#header .module, #header-banner, #header-banner .module  { margin: 0px; }
#header-banner { min-height: 40px; position: relative; }
#menu .module { margin: 10px 5px; }
#headerbar .module { margin: 0 0 45px 0; }
#topblock .wrapper { padding: 0px 15px; }
#footer .module { margin: 0; padding: 0; }

.module, #breadcrumbs, #content { margin: 10px; }
.mod-box .module-title { margin: -10px 0 15px; }



/* Language Dropdown + Login
----------------------------------------------------------------------------------------------------*/

#toolbar {
	line-height: 40px;
	font-size: 12px;
}

.mod-languageslangClear {
    background: url("../../../images/icon_globe.png") no-repeat scroll 0 12px transparent;
    margin-left: 10px;
    padding-left: 20px;
    padding-top: 2px;
}

.mod-languageslangClear form {
    background: url("../../../images/icon_arrow.png") no-repeat scroll 145px 17px transparent;
}

.mod-languageslangClear select {
    color: #4488BB;
    background-color: transparent;
    border: none;
    width: 210px;
    -webkit-appearance: none;
    -moz-appearance: window;
    cursor: pointer;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {    
.mod-languageslangClear select {
    color: #4488BB;
    background-color: transparent;
    border: none;
    width: auto;
    -webkit-appearance: none;
    -moz-appearance: window;
    cursor: pointer;
}    

.mod-languageslangClear {
    width: 230px;

}  
 
}


.mod-languageslangClear select option {
    background: none repeat scroll 0 0 #E4E7EA; 
    border-bottom: 1px dotted #FFFFFF;
    font-size: 12px;
    margin-right: 0;
    padding: 1px 15px 1px 5px;
    text-align: right;
}

/*Remove Default Select Menu Arrow in Firefox*/
@-moz-document url-prefix() {

.mod-languageslangClear form {
    background: url("../../../images/icon_arrow.png") no-repeat scroll 150px 17px transparent;
}

.mod-languageslangClear select {
    color: #4488BB;
    background-color: transparent;
    border: none;
    width: 210px;
    -webkit-appearance: none;
    -moz-appearance: window;
    left: -40px;
    position: relative;
    text-indent: 20px;
    cursor: pointer;
}

}
/*End*/





/*Refactor login for accessibility*/


/*original login code*/

/*.loginBox {
    float: right;
    width: auto;
    max-width: 700px;
}

.loginWord,
.loginFieldBox,
.loginBtnBox,
.loginBox .links,
.loginBox .links a {
    float: left;
    margin-left: 8.8px;
}

.loginBox .links a {
    color: #666;
}

.loginBox .links a:hover {
    color: #4488BB;
}

input.loginField {
    height: 22px;
       -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: inset 0px 2px 1px 0px #ddd;
       -moz-box-shadow: inset 0px 2px 1px 0px #ddd;
            box-shadow: inset 0px 2px 1px 0px #ddd;
    border: 0;
    padding: 3px;
    color: #666;
    min-width: 140px;
    *min-width: 100px;
}

.loginFieldBox input:focus,
.loginBtnBox input:focus {
    border: 1px solid #4488BB;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2) inset;
       -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2) inset;
            box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    outline: none;
    color: #111;
}
*/

 




/*dedicated login page form styling*/



.login-banner {
  height: 380px; 
  border-bottom: 1px solid #ddd; 
  padding: 40px 0;  
}

.login-wrapper {
       -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    background-color: #f5f5f5; 
    padding: 30px 30px 10px; 
    min-height: 300px;    
}
        
input.loginField {
    color: #555;
    font-size: 18px;
    min-width: 215px;
    *min-width: 210px;
    padding: 10px;    
    margin: 5px 0;
    border: 1px solid #999;
}                          

.loginFieldBox input:focus,
.loginBtnBox input:focus {
    border: 1px solid #4488BB;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2) inset;
       -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2) inset;
            box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    outline: none;
    color: #111;
}

.links p {
    line-height: 32px !important;
}

.login_btn {
    height: 44px;
    display: inline-block;
    width: 100%;
    font-size: 18px;
    border: 0;
    margin: 10px 0 30px;
       -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    background-color: #6d9ac2;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -ms-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}

.login_btn:hover {
    background-color: #79a6ce;
}  





/* Blocks
----------------------------------------------------------------------------------------------------*/

/*add contrast by lightening bg and remove pattern for web accessibility*/
#block-contentbottom-1 {
	background-color: #f1f2f6;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	padding: 10px 0;
}

#block-contentbottom-2 {
	background: #fff;
	padding: 20px 0;
}


/*add contrast by lightening bg and remove pattern for web accessibility*/
#block-contentbottom-3 {
	background-color: #f1f2f6;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	padding: 20px 0;
}


/*add contrast by lightening bg and remove pattern for web accessibility*/
#block-toolbar {
	padding: 3px 0 3px 0;
	background-color: #f1f2f6;
	border-bottom: 1px solid #eee;
	height:48px;
}


#block-toolbar .wrapper {
margin-top:2px;
}

#block-header {
    color: #FFFFFF;
    font-size: 22px;
}

#block-menu {
	padding: 20px 0;
	background: #fff;
	box-shadow: 0 1px 0 rgba(255,255,255,0.05) inset;
}

#block-main {
	padding: 20px 0;
	background: #fff;
	min-height: 0 !important;   /*sticky footer*/
}

.central {
	text-align:center;
}


#block-bottom {
	padding: 15px 0;
	background: #333;
	box-shadow: 0 -1px 0 rgba(255,255,255,0.05) inset;
	color: #777;
}

#secondarymenu {
	padding:0;
	display:block;
	width:100%;
	background:#ffffff;
	z-index:1000;
	border-bottom:1px solid #DDD!important;
}

#submenu {
	float:left;
	padding:0;
	margin:0;
	display:block;
	width:86%;
	margin-top:-14px;
}

#quotetop {
	float:left;
	padding:0;
	margin:0;
	display:block;
	width:14%;
	background:transparent;
	margin: 11px -5px 0;
}

#quotefooter {
    background: none repeat scroll 0 0 #F1F2F6;
    bottom: 0;
    float: left;
    margin: 0;
    min-height: 135px;
    padding-top: 25px;
    width: 100%;
}



#quotefooter h1, h2, h3, p {
	padding-left:16px;
}

#quotefooter h2 {
    font-family: "ProximaNova-Light", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 34px;
    line-height: 40px;
    color: #111111;
    	text-align:left;
}

#quotefooter p {
font-size:16px;
font-weight:lighter;
color:#333333;
text-align:left;
}


/* Block Separators */
#top-a:after,
#top-b:after,
#innertop:after {
	content: "";
	display: block;
	margin: 0 15px;
}

#bottom-a:before,
#innerbottom:before {
	content: "";
	display: block;
	margin: 0 15px;
}

/* Remove Block Separators if System Output is disabled */
#header + #bottom-a:before,
#top-a + #bottom-a:before,
#top-b + #bottom-a:before { display: none; }



/* Header
----------------------------------------------------------------------------------------------------*/

#header { min-height: 40px; }

#logo img {
    margin: 18px 0 -18px 0;
}

.menu { float: right; padding-right: 0 !important;}

/*.search {
    height:26px;
    padding: 10px 0px 0px 15px;
    *padding: 10px 0px 0px 0px;
    margin-top: 15px;
    *margin-top: 0;
    float: right;    
    border-left: 1px solid #d8d8d8;   
}

.search a {
    background: url('../../../images/icon_search.jpg') no-repeat top left;
    width: 17px;
    height: 18px;   
    display: block;
    outline: none;
}

.search a:hover {
    background: url('../../../images/icon_search.jpg') no-repeat top right;   
}

.searchbox {
    background-image: none !important;
    padding-left: 5px !important;
    margin-left: 10px;
    position: relative;
    top: -8px;
}
*/


/* Sidebar Menu
----------------------------------------------------------------------------------------------------*/

#sidebar-b .menu {
	float: left;
}



/* Footer
----------------------------------------------------------------------------------------------------*/

#block-pre-footer .module {
    margin: 0;
    padding-bottom: 10px;
} 

#block-pre-footer .bg {
    background: none repeat scroll 0 0 #5C86AB;
    border-bottom: 1px solid #537CA0;
    border-top: 1px solid #507799;
    *height: 121px;
} 

#block-pre-footer .bg_i18n {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    height: 111px;
    /*height: 121px;*/
    *height: 121px;
} 

/*Remove hidden visibility for web accessibility and use .hide class to hide*/
/*#block-pre-footer span {
    visibility: hidden;
}*/

#block-pre-footer p {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    margin: 15px 0 10px 0 !important;
}

#block-pre-footer #footer_services_writecheck { 
    background: url('../../../images/footer_services_writecheck.png') no-repeat left; 
    height: 50px;
    width: 215px;
    display: block;
    /*outline: none;*/
}

#block-pre-footer #footer_services_ithenticate { 
    background: url('../../../images/footer_services_ithenticate.jpg') no-repeat left; 
    height: 50px;
    width: 215px;
    display: block;
/*    outline: none;*/
}

#block-pre-footer #footer_services_tiiadmissions { 
    background: url('../../../images/footer_services_tiiadmissions.jpg') no-repeat left; 
    height: 50px;
    width: 215px;
    display: block;
/*    outline: none;*/
}

#block-pre-footer #footer_services_porg { 
    background: url('../../../images/footer_services_porg.png') no-repeat left; 
    height: 50px;
    width: 215px;
    display: block;
/*    outline: none;*/
}

#block-pre-footer #footer_services_padvice { 
    background: url('../../../../../assets/padvice.jpg') no-repeat left; 
    height: 50px;
    width: 215px;
    display: block;
    outline: none;
}

#footer {
    top: 15px;
    margin: 0 20px;    
}

.footerMenu ul {
    font-size: 12px;    
    float: left;
    color: #fff;
}

#footer a { color: #fff; }
#footer a:hover { color: #aec3d5; }

#block-footer {
    height: 56px;
    border-top: 1px solid #6c92b3;
    background: #537ba0; /* Old browsers */
    background: -moz-linear-gradient(top, #537ba0 0%, #5c86ab 41%, #5c86ab 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#537ba0), color-stop(41%,#5c86ab), color-stop(100%,#5c86ab)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #537ba0 0%,#5c86ab 41%,#5c86ab 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #537ba0 0%,#5c86ab 41%,#5c86ab 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #537ba0 0%,#5c86ab 41%,#5c86ab 100%); /* IE10+ */
    background: linear-gradient(to bottom, #537ba0 0%,#5c86ab 41%,#5c86ab 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#537ba0', endColorstr='#5c86ab',GradientType=0 ); /* IE6-9 */
}

/*social icon*/

.social_icon {
    margin: -25px 0 0 0;
    padding-left: 10px; 
    position: relative; 
    bottom: 3px; 
} 