body{
    background:#e5e5e5;
    color:#222;
    display:block;
    font-family:"book antigua",verdana,sans-serif;
    letter-spacing:0.5px;
/*width: 75%;*/
    margin:auto
}

fieldset{
    margin-bottom:3%;
    margin-left:5%
}

fieldset fieldset legend{
    font-size:150%
}

footer{
    clear:both;
    padding-bottom:20px;
    padding-left:5px;
    text-align:center
}

h1,h2,h3{
    color:#444
}

h2{
    font-size:2.2em
}

hr{
    background:#f0f0ee;
    height:5px;
    margin:0px
}

legend{
/*margin-left: 5%;*/
    margin-bottom:2%
}

p{
    font-size:14px;
    line-height:20px
}

.avatar-lg{
    height:200px;
    margin-right:1%
}
.crop-lg{
    min-width: 50%;
    margin-right:1%;
    margin-top:3em;
    padding: 3%;
    border: groove;
    background:#66512C;
}

.collapsible div{
	transition: all 2s linear;
}

.flash .error{
    background-color:#fdd;
    border:1px solid #fbb
}

.flash .message{
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    margin:0 auto 5px;
    text-align:center;
    width:80%
}

.flash .message p{
    margin:8px
}

.flash .notice{
    background-color:#eef;
    border:1px solid #ddf
}
/* lists */

.flash .warning{
    background-color:#ffffcc;
    border:1px solid #fffaaa
}

.form .navform{
    background-color:#E9FAE6;
    border-bottom:1px solid #ddd;
    border-left:1px solid #eee;
    border-right:1px solid #ddd;
    border-top:1px solid #eee;
    font-size:14px;
    padding:10px
}

.form .navform input{
    font-size:14px
}
/* flash-messages */

.form input.text,.form textarea.textarea{
    border:1px solid #ddd;
    padding:5px;
    width:95%
}

.form-width{
    width:80%;
    margin: auto;
}
.form-width input, .form-width select {
	width: 60%;
	/*padding-bottom: 3%;*/
}

.form-width input[type=checkbox] {
	width: auto;
	/*padding-bottom: 3%;*/
}

.left-element{
	width: auto!important;
	min-height: auto;
	height: auto;
	/*padding-bottom: 3%;*/
}

.gray{
    color:#999
}

.glyphicon-ok{
	color: green;
}

.glyphicon-remove{
	color: red;
}

.hightlight{
    background-color:#ffc
}

.main_container{
    padding:10px
}

.red{
	color: red;
}

.decorationnone {
	text-decoration : none;
}
.msginfo{
    background:#666666;
    clear:both;
    color:#FFA500;
    display:block;
    padding-top:4px
}

.pagination a{
    -moz-border-radius:5px;
    border:1px solid #ddd;
    color:#364B69
}

.pagination em{
    -moz-border-radius:5px;
    background:#30423e;
    border:1px solid #30423e;
    color:#FFF
}

.small{
    font-size:11px
}

.tab-space{
    padding-left:3em
}

.table td{
    border-bottom:1px solid #F0F0EE
}
/* forms */

.table th{
    background:#48625B;
    color:#FFF;
    font-weight:normal;
    padding:3px
}

.table th a.toggle{
    -moz-outline:none;
    background:transparent url('images/tick.png') center no-repeat;
    display:block;
    height:12px;
    text-indent:-9999px;
    width:12px
}

.table th.first{
    text-align:center;
    width:30px
}

.tag{
    font-weight:bold
}

.titledata {
	background: #E9FAE6;
	border-bottom: solid 5px #30423e;
	color: black;
	padding: 1px;
	width: auto; 
	text-align: center; 
}
button.btn{
    margin-left:10px
}

div.form-group{
    margin-left: 0px !important
}

input.checkbox{
    vertical-align:middle
}

ul.list li{
    border-bottom-color:#F0F0EE
}

ul.list li.item .avatar{
    border-color:#F0F0EE;
    margin:3px 10px 0 0
}

ul.list li.left{
    padding:5px 5px
}


ul ul {
	margin-top: 1em;
	
}
#basicdata li, #extradata li, #data li{
    margin-bottom:1%
}
/* box */

#block{
    margin-top:5px
}

#box.block{
    background:#FFF
}

#box.block h2{
    background:#48625B;
    color:#FFF
}
#cropdata {
	overflow:hidden;
}

#cropimg {
	margin:auto;
}
#header{
    background:#48625B
}

#header h1{
    color:#FFF;
    font-size:28px;
    margin:5px 0;
    padding:5px 0
}

#loginForm{
    margin:auto;
    width:33%
}

#main{
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    background:#fff;
    border-radius:10px;
    margin:auto;
    margin-bottom:20px;
    padding:3%;
    padding-bottom:1%;
    padding-top:1%;
    min-width:80%;
    max-width: 90%;
}

#main h3{
    font-size:1.8em
}

#main h4{
    font-size:1.5em
}

#main-navigation ul li{
    background:#30423E;
    border-radius:5px 5px 0px 0px
}

#main-navigation ul li a{
    color:#FFFFFF;
    padding:4px 10px
}

#main-navigation ul li.active{
    background:#e5e5e5
}

#main-navigation2{
    background-color:#a5a5a5;
    clear:both;
    font-size:1.25em;
    width:100%;
    display:flex;

}
#main-navigation3{
    background-color:#c5c5c5;
    clear:both;
    font-size:1.25em;
    width:100%;
    display:flex;
    padding-left: 3%;

}

#main-navigation2 ul li, #main-navigation3 ul li{
    float:left;
    margin:0.5em 0.6em 0.8em 0em;
/*background: #30423E;*/
    padding-top:2px;    
    border-radius:5px;
}

#main-navigation2 ul li a, #main-navigation3 ul li a{
    -webkit-box-shadow:2px 2px 2px 0px rgba(0,0,0,0.50);
    background-color:#50625E;
    border-radius:5px;
    color:#FFFFFF;
    padding:6px;
    text-decoration:none
}

#main-navigation3 ul li a{
	    background-color:#90A29E;
}

#main-navigation2 ul li.active a, #main-navigation3 ul li.active a{
    background-color:#fff;
    color:#000000
}

#mainheader{
    background:#48625B;
    border-bottom:5px;
    border-color:#333;
    margin-left:-3%;
    width:106%
}

#mainheader h3{
    color:#fff;
    padding-bottom:0.5%;
    padding-left:1%;
    padding-top:0.5%
}

#partner_fullname{
    margin-bottom:1%;
    padding-right:1%
}

#partner_fullname.name{
    font-size:1.6em
}

#secondary-navigation{
    background:#48625B;
    border-bottom:5px solid #30423e;
    border-bottom-color:#30423e;
    clear:both
}

#secondary-navigation ul li a,h1{
    color:#FFFFFF
}

#secondary-navigation ul li.active{
    background-color: #e5e5e5;
}

#secondary-navigation ul li.active a{
	color: #000000;
}

#sectionTitle{
    clear:both
}

#sectionTitle h2.title{
    background-color:#E9FAE6;
    font-size:2em;
    margin:0 0 20px 0;
    padding:5px 5px 5px 15px
}

.msginfo p,#partner_fullname.lastname{
    font-size:1.4em
}


#optionsgrid {
	
}
.optioncell {
	background-color: #e5e5e5; 
	display: inline-block; 
	border-radius:10px; 
	max-width: 100%; 
	min-width: 240px;
	min-height: 220px; 
	margin: auto; 
	margin-bottom: 3%; 
	margin-top: 3%;
	border-style: groove;
}

.optioncell-icon {
	background-color: #e5e5e5; 
	display: inline-block; 
	width: 125px; 
	min-height: 120px; 
	margin: auto; 
	margin-bottom: 5%;
	padding: 2px;
	border-style: groove;
	clear:both;
	border-radius:10px; 
}

.optioncell a,p {
	/*position: relative;*/
	margin-top: auto;
	padding: 2px;
}

.optioncell-icon a,p {
	/*position: relative;*/
	margin-top: auto;
	padding: 2px;
	margin-left: 0px; 
}
.thumbnail {
	margin-left: 5px;
	margin-top: 3px;
	float: left;
	margin-right: 5px;
	max-width: 95%; 
	min-width; 70%;
	min-height: 130px; 
	border-color: black;
}

.thumbnail-icon {
	margin: auto;
	margin-top: 3px;
	width: 110px; 
	height: 110px; 
	float: left;
	border-color: black;
	max-width: inherit;
}
.titledescription {
	margin-top: 5px;
	margin-left: -10px;
	font-size: 1em; 
	line-height: 1em;
}
.text-xs {
	font-size: 1em; 
	margin-left: -10px;
	line-height: 1em;
	z-index: 1;
	overflow: none;
}

.lightbox_trigger a{
	z-index: 9;
}

#lightbox {
    position:fixed; /* keeps the lightbox window in the current viewport */
  	clear:both;
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    background:url(../resources/img/overlay.png) repeat !important; 
    text-align:center;
    z-index: 10;
}

#lightbox p {
    
    color:#fff; 
   margin-right:20px;
    font-size:12px; 
}

#lightbox img {
	
    box-shadow:0 0 25px #111;
    -webkit-box-shadow:0 0 25px #111;
    -moz-box-shadow:0 0 25px #111;
    max-width:60%;
}


#header h1 a:link,#header h1 a:active,#header h1 a:hover,#header h1 a:visited{
    color:#FFF
}

#main-navigation ul li a:hover{
    background:#e5e5e5;
    border-radius:5px 5px 0px 0px
}

#main-navigation ul li a:link,#main-navigation ul li a:visited,#main-navigation ul li a:active,#secondary-navigation ul li a:hover,#user-navigation ul li a:link,#user-navigation ul li a:visited,#user-navigation ul li a:hover{
    color:#FFFFFF;
    text-decoration:none
}

#main-navigation ul li.active a:link,#main-navigation ul li.active a:visited,#main-navigation ul li.active a:hover,#main-navigation ul li.active a:active,#main-navigation ul li a:hover{
    color:#333
}

#main-navigation2 ul li a:hover{
    background-color:#FFFFFF;
    color:#000000
}

#secondary-navigation ul li:hover{
    background-color: #e5e5e5;
    
}

#secondary-navigation ul li a:hover{
    color: #000000;
    text-decoration:underline;
}

#user-navigation ul li a:hover{
    color: #FFFFFF;
    text-decoration:underline;
    text-shadow:3px 3px 3px #000
}

.glyphicon,#mainheader a:hover{
    text-decoration:none
}

.pagination a:hover{
    background:#E9FAE6;
    color:#444
}

#paginate-controls{
	display: inline-block;
	margin:auto;
	width: 100%;

}
#paginate-controls ul li {
	margin-left:2px;
	margin-right:2px;
}
/* tables */

a:link,a:visited,a:hover,a:active{
    color:#668866
    
}
.semester_select_title {
	display: inline-flex;
	color: #FFFFFF;
}
.highlight_warnings {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	border-bottom: 2px solid red;
}