/*---------------------------------------------------------
   CSS STYLE -  survery.uoa.gr
---------------------------------------------------------*/

/* HTML5 tags */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Site-wide properties ======================================================== */

html {
	margin-bottom: 1px;
	height: 100% !important;}
 
body {
	padding: 0; 
	margin:0; 
	font-family: "Trebuchet MS", Tahoma, Geneva, sans-serif; 
	font-size: 12px;
	color: #3e3e3f;
	background: #e0e0e0;}
 
a {
	color: #72aa21;
	text-decoration: none;
	cursor: pointer;}

a:hover {
	text-decoration: underline;
	color: #72aa21;} 
 
img {
	border: 0; 
	vertical-align:middle;}

/* Headings ============================================================ */

h1 {font-size: 130%;}
h2 { color:#666; /*color: #ffba00;*/}
h3 {}
h4 {}

/* Colors ============================================================ */
.green {color: #72aa21;}
.orange {color: #ffba00;}
.red {color: #F00;}

/* Reusable classes ============================================================ */

.left{ float: left; }
.right{ float: right; }
.bold { font-weight: bold;}

/* Basic Structure ============================================================= */

#contentwrapper {
	margin: 5px auto;
	width: 900px;}


#content {
	background: #ffffff;
	padding:10px;
	}

/* Header ============================================================= */

.header {
	background-image:url(../images/main_img.png);
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position:right;
	height: 157px;
	}
.logo {
	float: left;
	}

.round_title{	margin: 20px 0 0 40px;}	
.round_corner {background-color:#ffba00; width: 20px; height: 20px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius:4px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 4px;
}	
.round_bg {background-color: #ebebeb; width: 200px; height: 20px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius:0px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 0px;
	color: #72aa21;
	margin-left: 25px;
	margin-top: -20px;
	padding-left: 10px;
	font-weight: 100;}

.title {font-size: 18px; font-weight: bold; padding-top: 10px;}
.subtitle { font-size: 16px;  color: #ffba00; }
.sorting {text-align: right; margin-right: 10px;}


/* Tabs ============================================================= */	
	
#tabContainer {
		margin-top: -50px;
}

.tabs{
	height:30px;
	border-bottom: 2px solid #72aa21;
	padding-bottom: 2px;
}

.tabs ul{
	list-style:none;
}

.tabs li{
	margin:0 2px 0 0;
	padding:7px 10px;
	display:block;
	float:left;
	color:#ffffff;
	font-weight: bold;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius:4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px; 
	background: #CCC;
}

.tabs a {
	color:#ffffff;
	text-decoration: none;
}

.tabs a:hover {
	color:#ffffff;
	text-decoration: none;
}

.tabs li:hover{
	background: #666;
	cursor:pointer; 
}

.tabs li.tabActiveHeader{
	background: #666; 
	cursor:pointer;
}

.tabpage {
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 0px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px; 
	padding:10px 10px 25px;
	background: #FFFFFF;
	margin:0;
	color:#333;
	min-height:250px;
	clear:both;

}

.line_bg {
	background-image: url(../images/bg_lines.png);
	background-repeat:repeat;
	height: 14px;
}

.box {
	background-color: #ebebeb;
	margin: 10px;
	padding-top: 0;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 10px;
}

.faqans {
	margin-left: 15px;
	padding-top: 0;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 10px;
}

/* Footer ============================================================= */	

.footer {
	background-image: url(../images/bg_lines.png);
	background-repeat:repeat;
	height: 10px;
	margin-top: 30px;
}

.copyright {
	font-size: 11px;
	color: #b2b2b2;
	padding: 5px;}
	
.email {
	font-size: 11px;
	padding: 5px;
	color: #b2b2b2;
	float: right;}
	

/* Horizontal links: Active, Soon and Expired ====================== */	

.minitabMenu {
	padding: 0;
}

ul#minitabs {
	list-style: none;margin: 0;padding: 10px 0px;
   	border-bottom: 1px solid #CCC;
	font-weight: regular;
    text-align: left;
	white-space: nowrap
}
	
ul#minitabs li {
	display: inline;
	margin: 0 0px;
}
	
ul#minitabs a {
	text-decoration: none;
	padding: 0 0 3px;
    border-bottom: 4px solid #FFF;
	color: #999;
}
	
ul#minitabs a#currentactive {
	border-color: #72aa21; 
	color: #72aa21;
	font-weight: bold;
}
	
ul#minitabs a#currentsoon {
	border-color: #ffba00; 
	color: #ffba00;
	font-weight: bold;
}
	
ul#minitabs a#currentexpired {
	border-color: #F00; 
	color: #F00;
	font-weight: bold;
}

ul#minitabs li#active {
	color:#999;
}
ul#minitabs li#soon {
	color:#999;
}
ul#minitabs li#expired {
	color:#999;
}

ul#minitabs li#active a:hover{
	/*border-color: #72aa21*/ 
	color : #72aa21;
}

ul#minitabs li#soon a:hover{
	/*border-color: #ffba00*/ 
	color : #ffba00;
}

ul#minitabs li#expired a:hover{
	/*border-color: #F00;*/ 
	color : #F00;
}




.dep-courses {
	padding:5px;
	margin-bottom:5px;
}
.dcourse {
	clear: both;
    font-size: 0.9em;
    margin-bottom:4px;
    overflow: auto;
}
.dcourse-number {
	float:right;
}
a.dcourse-title, .dcourse-title {
    color: #333333;
    float: left;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 180px;
}
a.dcourse-title:hover {
	color:#333;
    text-decoration: none;
}

.img-bullet {
	float:left;
    margin-right:5px; 
}
#box-title {
	border-bottom: 1px solid #DDDDDD;
    color: #3E3E3F;
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
    padding: 3px;
    overflow:auto;
}
#box-title2 {
	color:#999;
	font-size:13px;
	margin:5px 0px;
}
#box-title3 {
	color: #3E3E3F;
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
    padding: 3px;
    overflow:auto;
}
/*--------Previous - Next semesters top participations----------*/

.top-participations {
	float:right;
	width:32%;
	overflow:auto;
}
.info-participations {
	color:#999;
	clear:both;
	font-style: italic;
    margin-bottom: 20px;
    overflow: auto;
}
.top-participations-table {
	border-left:1px solid #DDDDDD;
}

a.arrow-left{
   background: url(../images/arrow_left.png);
   float:left;
   height:18px;
   margin-right: 10px;
   width: 16px;
   
}
a.arrow-right{
   background: url(../images/arrow_right.png);
   float:right;
   height:18px;
   margin-left: 8px;
   width: 18px;
   
}
a.arrow-left:hover {
   background: url(../images/arrow_left_black.png);
}
a.arrow-right:hover {
   background: url(../images/arrow_right_black.png);
}
.semester-line {
    margin: 0 auto;
    width: 210px;
}
.semester-title{
	float:left;
}