@charset "utf-8";
/* CSS Document */

a, a:hover, a:focus {
	text-decoration:none;
}

.none a, .none a:hover, .none a:focus {
	text-decoration:none;
}

.none a:hover, .none a:focus {
	text-decoration:none;
	background-color: #FFF;
	color: $555;
}

.xpanel {
	padding-bottom: 10px;
	text-decoration: none;
}

.padding10 {
	padding: 10px;
}

.special-number {
	font-size: 40px;
	font-weight:bolder;
	padding: 15px;
	border-radius: 5px;
	background-color: #00F;
}

.dash-table {
	font-size: 20px;
	font-weight:bolder;
	padding: 5px;
	border-radius: 5px;
	background-color: #555;
	display: block;
	color: #FFF;
}

.dash-table a, .dash-table a:hover, .dash-table a:focus {
	text-decoration:none;
}

.process-number, .nerver-number {
	font-size: 20px;
	font-weight:bolder;
	padding: 5px;
	border-radius: 5px;
	background-color: #000;
	color: #FFF;
}

.nerver-number {
	font-size: 16px;
	font-weight:bold;
	padding: 5px;
	border-radius: 5px;
	background-color: #aaa;
	color: #555;
}

/*==============================================
   DASHBOARD STYLES    
    =============================================*/
	
.gover-wapper {
	background-color: #FFF;
}
.gover-panel-main {
	padding: 0px 3px 5px 3px;
}

.gover-panel-main a,.gover-panel-main a:hover, .gover-panel-main a:focus {
	text-decoration:none;
}

.gover-panel-back {
	background-color:#FCFCFC;
	border: solid 1px #EEE;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 110px;
	max-height: 110px;
}

.gover-panel-icon {
	text-align:center;
	padding: 7px 3px 0px 3px;
}

.gover-panel-alert {
	text-align: right;
	max-height: 12px;
	padding: 5px 10px 0px 0px;
}

.gover-icon {
	font-size: 28px;
    -webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	display:inline-block;
	width: 50px;
	height: 50px;
	padding-top: 10px;
}

.iconnews {
    max-height: 12px;
	background-color: #6C0;
	color: #FFF;
	font-size:10px;
	padding: 2px 3px 0px 3px;
	font-weight:bold;
	border-radius: 50%;
}

.bg-color-purple2 {
	background-color: #8702a8;
	color: #fff;
}

.bg-color-gray2 {
	background-color: #777;
	color: #fff;
}

.bg-color-sliver {
	background-color: #ddd;
	color: #555;
}

.bg-color-black {
	background-color: #000;
	color: #FFF;
}

.bg-color-dark {
	background-color: #555;
	color: #DDD;
}

.bg-color-gray {
	background-color: #999;
	color: #FFF;
}

.bg-color-blue {
	background-color: #00F;
	color: #FFF;
}

.bg-color-green {
	background-color: #090;
	color: #FFF;
}

.bg-color-purple {
	background-color: #90C;
	color: #FFF;
}

.bg-color-red {
	background-color:  #E00;
	color: #FFF;
}

.bg-color-yellow {
	background-color: #EE0;
	color: #FFF;
}

.bg-color-orange {
	background-color: #FF8C00;
	color: #FFF;
}


.txt-color-red {
	color: red;
}

.txt-color-blue {
	color: blue;
}

.txt-color-green {
	color: green;
}

.line-bottom {
	border-bottom: 1px solid #eee;
}

/* ====================================================
	I'm Student Governance
======================================================*/
.gover-container-page {
	padding: 10px 0px 0px 0px;
}

.gover-container-detail {
	padding: 10px;
	text-decoration: none;
}

.gover-container-detail a, .gover-container-detail a:hover, .gover-container-detail a:focus {
	text-decoration:none;
}

.gover-container {
	border-top: solid 1px #EEE;
}

.gover-title {
	font-size: 16px;
	font-weight:bold;
}

.gover-container-std {
	padding: 5px 0px 10px 0px;
}

.gover-container-profile {
	border-bottom: solid 1px #EEE;
	padding: 10px 0px 0px 0px;
}

.gover-image {
	padding: 0px 5px 0px 0px;
}
.gover-image .img-n, .gover-image .img-o {
	border: 2px solid #eee;
	border-radius: 50%;
	padding: 2px;
}
.gover-image .img-o {
	border: 2px solid #6C0;
}

.gover-name {
	padding: 0px 5px 0px 5px;
}

.gover-time {
	padding: 0px 5px 0px 0px;
}

.gover-name-text {
	font-size: 16px;
	max-height: 20px;
}

.gover-msg-text, .gover-msg-name {
	font-size: 12px;
	height: 40px;
	max-height: 40px;
}

.gover-msg-name {
	font-size: 12px;
}

.gover-time-text {
	font-size: 12px;
	max-height: 16px;
	font-weight:bold;
}
.gover-icon-text {
	font-size: 10px;
	line-height: 16px;
	padding-top: 5px;
}

.gover-alert-text {
	max-height: 16px;
    background-color: #06F;
	color: #FFF;
    top: 5px;
    left: 75px;
	font-size:10px;
	padding: 2px 5px 2px 5px;
	font-weight:bold;
	border-radius: 20%;
}

.gover-profile-detail {
	border-top: 1px solid #EEE;
	padding: 10px 0 0 10px;
}

.profile-descr {
	height : 18px;
	max-height: 25px;
	line-height: 18px;
	padding-top: 5px;
}

.profile-icon {
	width : 32px;
	font-weight: bold;
	padding: 2px;
}

.submit_box {
	 text-align: right;
	 padding-top: 15px;
 }
 
/* ====================================================
	My block
======================================================*/

.myblock {
    width:100%;
    background-color: #FFF;
    padding: 5px 5px 80px 5px;
}

.myblock .none {
	text-decoration: none;
}


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

.myblock .block, .myblock .block-l {
	border-radius: 5px;
	position: relative;
	height: 170px;
	min-height: 170px;
	max-height: 170px;
	border: none;
	text-decoration: none;
}

.myblock .block-l {
	border-radius: 5px;
	position: relative;
	height: 120px;
	min-height: 120px;
	max-height: 120px;
	border: none;
}

.myblock .sliver {
	background-color: #ddd;
	color: #555;
}

.myblock .black {
	background-color: #000;
	color: #FFF;
}

.myblock .dark {
	background-color: #555;
	color: #DDD;
}

.myblock .gray {
	background-color: #999;
	color: #FFF;
}

.myblock .blue {
	background-color: #00F;
	color: #FFF;
}

.myblock .green {
	background-color: #090;
	color: #FFF;
}

.myblock .green-l {
	background-color: #9C0;
	color: #FFF;
}

.myblock .purple {
	background-color: #90C;
	color: #FFF;
}

.myblock .red {
	background-color:  #E00;
	color: #FFF;
}

.myblock .yellow {
	background-color: #EE0;
	color: #FFF;
}

.myblock .orange {
	background-color: #FF8C00;
	color: #FFF;
}

.myblock .body, .myblock .body2, .myblock .body3 {
	padding: 10px;
	display: block;
	height: 140px;
	min-height: 140px;
	max-height: 140px;
}

.myblock .body2 {
	padding-top: 60px;
}

.myblock .body3 {
	padding: 0px 10px 0px 0px;
	padding-left: 110px;
	height: 140px;
	min-height: 140px;
	max-height: 140px;
}

.body3 .line1, .body3 .line2 {
	font-size: 36px;
	height: 60px;
	max-height: 60px;
	min-height: 60px;
	border-bottom: 1px solid #CCC;
	opacity: 0.9;
}

.body3 .line2 {
	font-size: 18px;
	border-bottom: none;
}

.myblock .no-boder {
	border: none;
}

.myblock .header {
	background-color: #000;
	opacity: .3;
	position: absolute;
	height: 40px;
	min-height: 40px;
	max-height: 40px;
	top: 10px;
	right: 0px;
	left : 0px;
}

.myblock .footer {
	background-color: #000;
	border-top: 1px solid #FFF;
	opacity: .3;
	position: absolute;
	height: 40px;
	min-height: 40px;
	max-height: 40px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	bottom: 0px;
	right: 0px;
	left : 0px;
}

.myblock .left-h {
	background-color: #000;
	border-right: 1px solid #FFF;
	opacity: .1;
	position: absolute;
	width: 100px;
	min-width: 100px;
	max-width: 100px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	bottom: 0px;
	top: 0px;
}

.myblock .header-text {
	position: absolute;
	top: 15px;
	right: 0px;
	left : 0px;
	font-size: 20px;
	font-weight:bold;
}

.myblock .footer-text {
	position: absolute;
	bottom: 5px;
	right: 0px;
	left : 0px;
	font-size: 20px;
	font-weight:bold;
}

.myblock .left-h-text {
	position: absolute;
	top : 0px;
	left : 0px;
	font-size: 16px;
	opacity: 0.7;
	width: 100px;
	text-align: center;
	font-weight:bold;
}

.myblock .right-h {
	opacity: 0.98;
	position: absolute;
	right: 0px;
	top: 8px;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	font-size: 26px;
	width: 120px;
	text-align: center;
	font-weight:bold;
}

.myblock .text-120, .myblock .caption {
	font-size: 120%;
	font-weight:bold;
}

.myblock .caption {
	font-size: 120%;
	padding-top: 5px;
}

/* ====================================================
	Google Adsense
======================================================*/

.adsense {

}

.adsense .img {
	border-radius: 5px;
	width: 100%;
}