headbody {
	margin: 0px;
	background-color: #f9f9fc;
	color: #0050a2;
}
body,td,p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#header {
	clear: both;
	width: 100%;
	text-align: left;
	background: rgb(32, 65, 154);;
}
#left {
	float: left;
	width: 175px;
	text-align: left;
}
#content {
	clear: both;
	width: 100%;
	text-align: left;
}
/*#content-left {
	float: left;
	width: 265px;
    margin-right: 30px;
	text-align: left;
}*/
/*#content-right {
	float: left;
	width: 785px;
	text-align: left;
}*/
#content-right-wide {
	float: left;
	width: 760px;
	text-align: left;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.hidden
{
	display:none;
}
#swlinks {
    padding-left: 0;
    margin: 30px 0;
}
#swlinks li {
    display: inline;
    margin-right: 15px;
}
hr {
	height: 1px;
	background-color: #0050a2;
	border-color: #0050A2;
}
li {
	margin: 5px 0px 5px 0px;
}
form {
	margin: 0px;
}
h1 {
	color: #002851;
	font-size: 30px !important;
	font-weight: bold !important;
	margin-top:10px; padding-top:10px;
}
h2 {
    color: #0a3b93;
	font-size: 22px !important;;
	font-weight: bold !important;;
}
h3 {
	font-size: 17px !important;;
	font-weight: bold !important;;
}
a {
	text-decoration: underline;
	color: #625b5c;
}
a:hover {
	color: #cc0000;
}
.bold {
	font-weight: bold;
}
.underline {
	border-bottom-color: #75776E;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.italic {
	font-style: italic;
}
.border-top {
	border-top: 1px solid #0050a2;
}
.border-right {
	border-right: 1px solid #0050a2;
}
.border-bottom {
	border-bottom: 1px solid #0050a2;
}
.border-left {
	border-left: 1px solid #0050a2;
}
.border-box {
	border: 1px solid #0050a2;
}
.txt-white, a.txt-white, a:hover.txt-white {
	color: #ffffff;
	text-decoration: none;
}
.txt-black {
	color: #000000;
}
.txt-grey {
	color: #75776E;
}
.txt-red, .error {
	color: #cc0000;
}
.txt-big {
	font-weight: bold;
	font-size: 16px;
}
.txt-small {
	font-size: 9px;
}
.bg-black{
	background-color: #000000;
	color: #FFFFFF;
}
.bg-blue{
	background-color: #0050a2;
	color: #ffffff;
}
.row1 {
	background-color: rgba(105,105,94,0.2);
}
.row2 {
	background-color: #fff;
}
.fck {
        display: none;
}
.pcourses {
	border: solid 1px #000;
	background-color: #ddd;
	z-index: 100;
	position: absolute;
	width: 700px;
    display: none;
}
.attention {
	background-color: #ff0000;
}
#sm {
	color: #ff0000;
}
#advMenu ul {
    padding-left: 5px;
    margin: 0;
}
.last_ogone_status{
	font-weight:bold;
}

/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:400px;
height:200px;
padding:14px;
}

/* ----------- stylized ----------- */
#login_form{
	border: solid 2px #b7ddf2;
	background: #ebf4fb;
	margin-left: 100px;
	margin-top: 10px;
}

#login_form h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}

#login_form p{
	font-size:11px;
	color:#666666;
	margin-bottom:20px;
	border-bottom:solid 1px #b7ddf2;
	padding-bottom:10px;
}

#login_form label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:140px;
	float:left;
	margin-top:6px;
}

#login_form input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 20px 10px;
}

#user_box{
	position:relative;
	border:solid 2px #b7ddf2;
	background:#ebf4fb;
	margin-left:5px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
}

.changePassword{
	cursor: pointer;
	text-decoration: underline;
	color: #625B5C;
}

#company{
	color: #FFFFFF;
	font-weight: bold;
	float: left;
	margin-left: 20px;
}

.lsibutton {
	background: #0050a2; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	/* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTBhMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxODJmNTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); */
	/*background: -moz-linear-gradient(top,  #0050a2 0%, #182f58 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0050a2), color-stop(100%,#182f58)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top,  #0050a2 0%,#182f58 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top,  #0050a2 0%,#182f58 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top,  #0050a2 0%,#182f58 100%); /* IE10+ */
	/*background: linear-gradient(to bottom,  #0050a2 0%,#182f58 100%); /* W3C */
	background: #002851;
	filter: none;

	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    padding:5px;
    color: white;
    padding-left:12px;
    padding-right:12px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight:bold;
    border: 0px;
    cursor: pointer;
    margin-bottom: 5px;
}

.lsibutton a {
	text-decoration: none;
	color:white;
	font-weight:bold;
}

.NewsLabel{
	background: none repeat scroll 0 0 #1F618D;
    color: white;
    font-size: 13px;
    font-weight: bold;
    width:760px;
    height:5px;
}

.NewsDescription{
	margin-left:5px;
	margin-right: 30px;
	margin-bottom:10px;
	text-align: justify;
}

.NewsTitle{
	font-weight:bold;
	cursor:pointer;
	margin-bottom: 5px;
    margin-top: 10px;
}

.NewsAuthor{
	text-align: right;
	font-weight: bold;
	margin: 5px;
	font-style:italic;
}

h3.LeftMenu {
	font-size:13px !important;
}

.newMessagesLink{margin-left:10px; margin-top:6px; float:left;}
/*a.mailingLink{text-decoration:none; color:#0050A2;}*/
a:hover.mailingLink{text-decoration:underline; color:#0050A2;}
#listNewMessagesContent{width:980px !important;}
#listNewMessages{margin:0; padding:0; border-collapse:collapse;}
#listNewMessages tr{height:30px;}

#listPendingMessages{margin:0; padding:0; border-collapse:collapse;width:100%;}
#listPendingMessages tr{height:30px;}
#listPendingMessages .from{color:#000000; font-weight:bold;  float:left;padding-left:10px;}
#listPendingMessages .options{float: right; padding-left: 10px; width: 112px;}
#listPendingMessages .options .icons {display:none;}
#listPendingMessages .subject,#listPendingMessages .date{font-weight:bold;  float:left;}
.p_m_cell_odd,.n_m_cell_odd{background-color: #FFFFFF;}
.p_m_cell_even,.n_m_cell_even{background-color: #E7E7E7;}
#content-right-messages{float: left;   padding-bottom: 20px; text-align: left;}
a.readMessageSubjectLink{color:#0050A2; text-decoration:none;}
a:hover.readMessageSubjectLink{color:#0050A2; text-decoration:underline;}
a.readMessageFromLink{color:#000000; text-decoration:none;}
a:hover.readMessageFromLink{color:#000000; text-decoration:underline;}
#boxElement {
    color: #01315F;
    margin-bottom: 5px;
}
.element {
    border: medium none;
    border-radius: 100% 100% 100% 100% / 33px 33px 33px 33px;
    box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
}
.element .elementContent {
    margin-left: -1px;
	background: -moz-linear-gradient(center top , #F9F9F9 50%, #F0F0F0 100%) repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    padding: 5px 20px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(240,240,240,1)));
	background: -webkit-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
	background: -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
	background: -ms-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
	background: -o-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
	background: linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
}

#HeaderInfoReadMessage {text-align:left;}

.buttons {
    float: left;
    margin-bottom: 20px;
    clear: both;
}
a.button {
    color: #6e6e6e;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 7px 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;
    cursor:pointer;
}
a.button: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);
}
a.button:active {
    color: #000;
    border-color: #444;
}
a.left {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    margin: 0;
}
a.middle {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-left: solid 1px #f3f3f3;
    margin: 0;
    border-left: solid 1px rgba(255, 255, 255, 0);
}
a.middle:hover,
a.right:hover { border-left: solid 1px #999 }
a.right {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    border-left: solid 1px #f3f3f3;
    border-left: solid 1px rgba(255, 255, 255, 0);
}

a.big {
    font-size: 16px;
    padding: 10px 15px;
}

a.supersize {
    font-size: 20px;
    padding: 15px 20px;
}

a.save {
    background: url(http://cssdeck.com/uploads/media/items/5/5Fm069k.png) 10px 7px no-repeat #f3f3f3;
    padding-left: 30px;
}

a.des-contactform{
	background: url(/images/icons/des-icons.png) -12px -10px no-repeat #f3f3f3;
	padding-left: 25px;
}

a.des-livechat{
	background: url(/images/icons/des-icons.png) -12px -58px no-repeat #f3f3f3;
	padding-left: 25px;
}

a.des-skype{
	background: url(/images/icons/des-icons.png) -12px -110px no-repeat #f3f3f3;
	padding-left: 25px;
}

a.des-brochure{
	background: url(/images/icons/des-icons.png) -12px -159px no-repeat #f3f3f3;
	padding-left: 25px;
}

a.des-onlinetest{
	background: url(/images/icons/des-icons.png) -12px -211px no-repeat #f3f3f3;
	padding-left: 25px;
}

a.des-callback{
	background: url(/images/icons/des-icons.png) -12px -261px no-repeat #f3f3f3;
	padding-left: 25px;
}

a.des-directemail{
	background: url(/images/icons/des-icons.png) -12px -310px no-repeat #f3f3f3;
	padding-left: 25px;
}

a.des-universitypathway{
	background: url(/images/icons/des-icons.png) -12px -356px no-repeat #f3f3f3;
	padding-left: 25px;
}


a.des-contactformlocalsite{
	background: url(/images/icons/des-icons.png) -12px -427px no-repeat #f3f3f3;
	padding-left: 25px;
}
a.des-brochurelocalsite{
	background: url(/images/icons/des-icons.png) -12px -392px no-repeat #f3f3f3;
	padding-left: 25px;
}
a.des-feedbacklocalsite{
	background: url(/images/icons/des-icons.png) -12px -459px no-repeat #f3f3f3;
	padding-left: 25px;
}

#attachments a {color: #0050A2; font-weight:bold;}
#SchoolExamPathway{margin:10px 0px; background:#0050A2;padding:5px;color:#FFFFFF;}
#SchoolExamPathway a{color:#FFFFFF; text-decoration:none;}
#SchoolExamPathway a:hover{color:#FFFFFF; text-decoration:underline;}
#schoolExamButton {
	float:right;
	width:80px;
    background: #FFFFFF;
    border: 0 none;
    border-radius: 5px;
    text-align:center;
    color: #0050A2;
    cursor: pointer;
    filter: none;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
    padding: 5px 12px;
    text-decoration: none;
}
#schoolExamButton a{color:#0050A2 !important;  text-decoration:none;}
#schoolExamButton a:hover{color:#0050A2 !important;  text-decoration:underline;}
#SchoolExamMenu{margin-top:5px;float:left;}
.facebookspritesmall, .googleplusspritesmall, .linkedinspritesmall, .mailspritesmall, .pinterestspritesmall, .twitterspritesmall, .youtubespritesmall, .instagramspritesmall{
	background: url(/images/icons/social/png/sprite-small.png) no-repeat;
}
.facebookspritesmall{
	background-position: -112px 0;
	width: 20px;
	height: 20px;
}
.googleplusspritesmall{
	background-position: -90px 0;
	width: 20px;
	height: 20px;
}
.linkedinspritesmall{
	background-position: -164px 0;
	width: 20px;
	height: 20px;
}
.mailspritesmall{
	background-position: -110px 0;
	width: 20px;
	height: 20px;
}
.pinterestspritesmall{
	background-position: -55px 0;
	width: 20px;
	height: 20px;
}
.twitterspritesmall{
	background-position: 0 0;
	width: 20px;
	height: 20px;
}
.youtubespritesmall{
	background-position: -134px 0;
	width: 20px;
	height: 20px;
}
.LeftMenu.ui-state-default {
    border: 1px solid white;
	background: #002851 !important;
}
.LeftMenu.ui-state-active {
    border: 1px solid white;
	background: #0a3b93 !important;
}
.instagramspritesmall{
	background-position: -180px 0;
	width: 20px;
	height: 20px;
}


/* ****************************************
 *           New design                   *
 **************************************** */
#header {
	min-height: 60px;
}

#header #lsi-1965-logo{
	width: 257px;
	background-color: rgb(32, 65, 154);
}

#header #lsi-logo{
	background-color: rgb(32, 65, 154);
}

#header img {
	float:left;
	/*padding: 4px 3px 4px 3px;*/
	height: 53px;
	line-height: 60px;
	padding: 22px 16px 7px 7px;
}

#header .form-control {
	display: inline;
	height: 30px;
	font-size: 13px;
	margin: 15px 5px 5px 0px;
}

#header #form .btn {
	font-size: 12px;
    margin-bottom: 5px;
    margin-top:15px;
    opacity: 1;
}

#sidebar-menu-button
{
	padding-left: 0px !important;
}

#sidebar-menu-button li {
	margin: 0px;
}

#sidebar-menu-button .navbar-toggle
{
	margin-bottom: 0px;
    margin-right: 0px;
}

#sidebar-menu-button .glyphicon {
	color: white;
	font-size: 25px;
}

#header #form>div{
	display: inline-flex;
}

#content {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    overflow: hidden;
}

#content.toggled {
    padding-left: 257px;
    overflow: scroll;
}

#content.toggled #sidebar-wrapper {
    width: 257px;
}

#content-right {
    /*position: absolute;*/
    padding: 15px 15px 30px 15px;
    width: 100%;
    overflow-x: hidden;
}

#content-right h1{
	margin-bottom: 20px;
}

#content.toggled #content-right {
    position: relative;
    margin-right: 0px;
}

/* Sidebar Styles */
#sidebar-wrapper {
    z-index: 1;
    position: absolute;
    left: 257px;
    margin-left: -257px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #1f3661;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 257px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
	margin-top: 0px;
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: white;
    border-radius: 0px !important;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
    border-left: #428bca 2px solid;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav ul li {
    font-size: 12px;
    line-height: 30px;
    color: #428bca;
    list-style: initial;
}

.sidebar-nav ul.nav-pills {
	padding-left: 40px;
	background: white;
}

.sidebar-nav ul.nav-pills li a {
	color: #1f3661;
    font-weight: bold;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

#inboxDES{margin-left: 4px;}

#checkMessagesLoading{
	position:absolute;
	right:50px;
	top:15px;
	z-index:100;
	display:none;
}

#inboxOptions{
	line-height:45px;
	font-size:14px;
}

#inboxOptions > .fa{font-size:20px;margin-left:10px;}

#inboxOptions .mailingLink{margin-left:18px;}

#profileLogOut{margin:10px 0px 10px 50px; }

#footer {
 	bottom: 0;
    left: 0;
	min-height: 60px;
	width: 100%;
	background-color: #c8c8c8;
	color: white;
	padding: 18px 0px 10px 0px;
    margin: 0px;
	text-align: center;
	border-top: none;
}

/* Footer */

#footer a {
	color: white;
}

#footer a:hover {
	color: #337ab7;
}

/* General */
tr.odd {
    background-color: rgba(105,105,94,0.1) !important;
}
tr.odd td.sorting_1 {
    background-color: rgba(105,105,94,0.1) !important;
}
tr.even td.sorting_1 {
    background-color: rgba(105,105,94,0.1) !important;
}

.ui-widget-content {
    border: 1px solid #002851 !important;
}

.dataTables_paginate .ui-state-default{
    height: auto;
}

.ui-state-default{
    height: 35px;
    border: 1px solid #002851 !important;
    background: #1F618D !important;
}

.ui-state-default>td{
	font-weight: bold;
}

.ui-dialog-titlebar.ui-widget-header{
	background: #1F618D !important;
	border: 1px solid #1F618D !important;
	color: white !important;
}

input.ui-combobox-input{
	height: 35px !important;
    border: 1px solid #002851 !important;
    background: #fff !important;
}

#dialogEnquiry #viewUpdEnquiry img{
	height: 25px !important;
	margin-bottom: 13px !important;
	margin-left: 5px !important;
}

#dialogEnquiry .form-control{width: 80%; margin-bottom: 10px}

#dialogEnquiry #viewUpdEnquiry input[type="radio"]{
	margin: 0px;
}

#dialogEnquiry .ui-dialog{width:900px !important;}

#dialogEnquiry .lsibutton a:hover{text-decoration: none;}

#new-button{
	width:75px;
	line-height:30px;
	float:right;
	margin-left:5px;
	margin-bottom:5px;
	padding:2px !important;
}

#new-button a{
	text-decoration:none;
	color:white;
}

#back-button{
	line-height:30px;
	float:right;
	margin-left:5px;
	margin-bottom:5px;
	padding:2px !important;
}

#back-button a{
	text-decoration:none;
	color:white;
}


.btn-secondary:hover{
    color: #373a3c;
	background-color: #e6e6e6;
	border-color: #adadad;
}


body::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

body::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background-color: rgb(32, 65, 154);
	border: 1px solid #eee;
}

body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	border-radius: 8px;
}


/*-------------------------------------------------
 				MEDIA QUERIES
-------------------------------------------------*/

@media screen and (max-width: 1425px)
{
	#header .col-md-9
	{
		width: 70%;
	}
}

@media screen and (max-width: 1185px)
{
	#header .col-md-9
	{
		width: 65%;
	}
}

@media screen and (max-width: 1015px)
{
	#header .col-md-9
	{
		width: 60%;
	}
}

@media screen and (max-width: 890px)
{
	#header .col-md-9
	{
		width: 50%;
	}
}

@media screen and (max-width:768px)
{
	#header
	{
		background: #1f3661;
	}

	#header #dropdowns
	{
		background: #1F618D;
		padding-bottom: 10px;
	}

    #header .col-md-9
	{
		width: 100%;
	}

	#sidebar-menu-button.pull-left
	{
		float: none !important;
	}
}

@media screen and (min-width:768px) {

    #content {
        padding-left: 257px;
    }

    .fixed-brand{
        width: 257px;
    }

    #content.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 257px;
    }

    #content.toggled #sidebar-wrapper {
        width: 257px;
    }

    #content.toggled-2 #sidebar-wrapper {
        width: 57px;
    }

    #content.toggled-2 #sidebar-wrapper:hover {
        width: 257px;
    }

    #content-right {
        padding: 0px 30px 30px 30px;
        position: relative;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    #content.toggled #content-right {
        position: relative;
        margin-right: 0;
        padding-left: 257px;
    }

    #content.toggled-2 #content-right {
        position: relative;
        margin-right: 0;
        margin-left: -200px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        width: auto;
    }

}

@media screen and (max-width: 350px)
{
	#header #lsi-1965-logo
	{
		width: 230px;
	}
}