/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    background-color: #ffffff;
    font-size: 12px;;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #16507c;
}
a{ cursor:pointer; }
a:link{ color: #5C87B2; text-decoration: underline; }
a:visited{ color: #5C87B2; }
a:hover{ color: #5C87B2; text-decoration: none; }
a:active{ color: #12eb87; }

a img{ border:none; }

p, ul{ margin-bottom: 20px; line-height: 1.6em; }


.warning {background: #fff5ca  url("../img/alert-warning.png") no-repeat 11px 12px;border: 1px solid #f1df95;margin: 0 0 10px 0;padding: 10px 10px 10px 35px;color:#333333;}
.ok {background: #e1ffd1 url("../img/alert-success.gif") no-repeat 11px 12px;border: 1px solid #c5f8ac;margin: 0 0 10px 0;padding: 10px 10px 10px 35px;color:#468d3f;}
.error {background:#FFF1F1; border:1px solid #FDDCDC; padding:10px; margin:10px; color:#990000; font-weight: bold;}
.boxed {border:1px solid #dddddd; background-color:#FFF; zoom:1;}

/* HEADINGS
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6{ font-size: 1.5em; color: #000; font-family: Arial, Helvetica, sans-serif; }

h1{ font-size: 2em; padding-bottom: 0; margin-bottom: 0; }
h2{padding: 0 0 10px 0;}
h3{    font-size: 22px;    color: hsl(63, 100%, 41%);    font-weight: 800;text-transform:uppercase; }
h4{ font-size: 1.1em; }
h5, h6{ font-size: 1em; }

/* this rule styles <h2> tags that are the
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{ margin-top: 0; }


/* PRIMARY LAYOUT ELEMENTS
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}
#header h1
{
    font-weight: bold;
    padding: 0;
    margin: 7px 0 0 20px;
    color: #303030;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px !important;
	text-transform:uppercase;
}
#main
{
    /*padding: 10px 30px 15px 30px;*/
    /*background-color: #fff;*/
	width: 90%;
    margin: 0 auto;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
	/*border:1px solid #dddddd;*/
}
#footer
{
    color: #999;
    padding: 20px 0 20px 0;
    background-color:#e7e7e7;
    border-bottom:5px solid #00182b;
    text-align: center;
    line-height: normal;
    margin: 30px 0 0 0;
    font-size: .9em;
}

/* BREADCRUMP */
#breadcrump{ font-size:10px; color:#999; margin-bottom:30px; }
#breadcrump span{ color:dimGray; font-weight:bold; }
#breadcrump a{ text-decoration:none; color:#06C; }
#breadcrump a:visited{ text-decoration:none; }
#breadcrump a:hover{ text-decoration:underline; }

/* TAB MENU
----------------------------------------------------------*/
ul#menu
{
    padding: 0 0 2px;
    position: relative;
    margin: 0 5% 0 0;
    text-align: right;
}
ul#menu li
{
    display: inline;
    list-style: none;
}
ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}
ul#menu li a
{
    padding: 3px 15px;
    font-weight: normal;
    text-decoration: none;
    line-height: 2.8em;
    color: #303030;
	font-size:16px;
	border-right:1px solid lightgrey;
}

ul#menu li.last a{ padding-right:0; border:0;}
ul#menu li div, ul#menu li div
{
	display: inline-block;
    border-bottom: 4px white;
    padding: 0;
    position: relative;
    top: 5px;
}
ul#menu li div.active, ul#menu li div:hover
{
    border-bottom: 4px solid hsl(63, 100%, 41%);
}
ul#menu li a:hover
{
    text-decoration: none;
}
ul#menu li a:active
{
    text-decoration: none;
}


ul#menu li a.active
{
    text-decoration: none;
}
ul#menu li.selected a
{
}

/* FORM LAYOUT ELEMENTS
----------------------------------------------------------*/
fieldset{ margin: 1em 0; padding: 1em; border: 1px solid #CCC; }
fieldset p{ margin: 2px 12px 10px 10px; }
legend{ font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px; }
input[type="text"]
{
    width: 200px;
    border: 1px solid #CCC;
}
input[type="password"]
{
    width: 200px;
    border: 1px solid #CCC;
}
select 
{
	padding: 3px;
}
/* TABLE
----------------------------------------------------------*/
table
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}
table td
{
  padding: 5px;
  border: solid 1px #e8eef4;
}
table td a:link{ color:dimGray; }
table td a:visited{ color:dimGray; }
table td a:hover{ color:dimGray; }
table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4;
  border: solid 1px #e8eef4;
}
table tr.selected td, table tr.selected th{ background:#97c1e6; }

div.editable{ position:relative; }
span.edittable{ position:absolute; top:5px; right:0; display:block; }
span.edittable a{ display:block; padding:3px 10px 4px; background:#5C87B2; color:#FFF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

div.addable{ position:relative; }
span.addable{ position:absolute; top:5px; right:0; display:block; }
span.addable a{ display:block; padding:3px 10px 4px; background:#5C87B2; color:#FFF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

span.searchable{ position:absolute; top:5px; right:50px; display:block; }
span.searchable a{ display:block; padding:3px 10px 4px; background:#5C87B2; color:#FFF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

div.hiddenactions{ position:relative; }
div.hiddenactions .actions{ position:absolute; top:5px; right:0; /*display:none;*/ }
div.hiddenactions .actions .item{ float:right; margin-left:5px; }
div.hiddenactions .actions .item a{ display:block; padding:3px 10px 4px; background:#5C87B2; color:#FFF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
div.hiddenactions .actions .item a.warning{ background:#f2dede; color:#a94442; border-color:#ebccd1;  }

/* MISC
----------------------------------------------------------*/
.clear{clear: both;}
.error{color:Red;}
#menucontainer
{
    margin-top:40px;
	background:#e8e8e8;
	margin-bottom:3em;
	clear:right;
}
div#title
{
    display:block;
    float:left;
    text-align:left;
}
#logindisplay
{
    font-size:13px;
	line-height:110%;
    display:block;
    text-align:right;
    margin:0 5% 0 0;
    color:#d6dbde;
	background:#303030;
	float:right;
	width:300px;
	height:30px;
	padding:12px 20px 0px 20px;
}
#logindisplay a:link
{
    color: #d6dbde;
    text-decoration: none;
	padding:0px 13px 0px 13px;
}
#logindisplay a:visited
{
    color: #d6dbde;
    text-decoration: none;
}
#logindisplay a:hover
{
    color: #d6dbde;
    text-decoration: underline;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}
.field-validation-valid
{
    display: none;
}
.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}
.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}
.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label,
.display-field,
.editor-field
{ margin: 0.5em 0; }

.text-box{ width: 30em; }
.text-box.multi-line{ height: 6.5em; }
.tri-state{width: 6em;}

/* Listes
----------------------------------------------------------*/
ul.simple{ list-style:none; margin:0; padding:0; }
ul.simple li{ margin:0; padding:0; }

/*------------ FORMS ------------*/
.myForm {}
.myForm ol { list-style: none;}
.myForm li{ margin-bottom:6px;}
.myForm label {display:block; font-weight: bold;}
.myForm input.field, .myForm textarea {padding:3px 4px; border:1px solid #5C87B2; width: 15em; font-size: 1.2em;font-family: Arial;}
.myForm input.fieldMedium{ width:10em; }
.myForm textarea { width: 40em; }
.myForm input.field:focus, #contactForm textarea:focus  {border-color:#996699;}

.quickSearch{ margin-bottom:10px; }
.quickSearch label { float:none; display:inline; }

/*------------ PAGINATION -----------------*/
.pagination{ text-align:center; padding:10px; color:dimGray; position:relative; }
.pagination a{ color:dimGray; }
.pagination .gotoPage{ position:absolute; right:0; top:5px; }
.pagination .gotoPage input{ width:45px; text-align:center; }

/* TBL Summary */
table.goalSummary{ border:none;  }
table.goalSummary td {border-bottom:1px solid #EBEBC7;padding:11px 0;vertical-align:top;border:0;}
table.goalSummary td div {-moz-border-radius:3px;-webkit-border-radius:3px;background:#9DDB84;color:#346720;font-size:2em; line-height:.6em;font-weight:bold;padding:11px 10px;text-align:center;}
table.goalSummary td div span{font-size:0.6em;left:4px;position:relative;top:-10px;}
table.goalSummary td.goalDescription {color:#808073;font-size:11px;padding-left:14px;}
table.goalSummary tr.lastGoal td {border-bottom:medium none !important;}
table.goalSummary h3 {margin:0;}
table.goalSummary td div.secondary {background:#ffe992;color:#999966;}

table.goalSummary.inline td.goalDescription { vertical-align: middle;}

div.dataListStyle table.goalSummary {margin:0 auto;width:95%;}
div.dataListStyle table.goalSummary td{border-color:#e8e8e8;}

/*------TABS--------------*/
#contentTabs {list-style: none; border-bottom:1px solid #ccc;padding:0 10px; float:left;}
#contentTabs li {display:inline;margin:0;padding:0;}
#contentTabs a {background:transparent url("../img/nav/tabs.png") no-repeat left -100px; float:left;font-size:1.2em;margin:0 2px 0 0;padding:0 0 0 15px; text-decoration:none;}
#contentTabs a span {background:transparent url("../img/nav/tabs.png") no-repeat right -100px;color:#9A9A9A;display:block;font-weight:bold;padding:9px 15px 8px 0;}
#contentTabs a span em {display:block; font-weight:normal; font-size: .7em;padding-left:5px;}
#contentTabs li.current a{background-position:left top;position:relative;top:2px;}
#contentTabs li.current a span{color:#333;background-position:right top;}

#contentTabs.table {list-style: none; border-bottom:none; padding:0 10px 0 0;}
#contentTabs.table a { border:1px solid #FFF;margin-top:-2px;}
#contentTabs.table li.current a {background-position:left -200px; border:none;top:3px;}
#contentTabs.table li.current a span {background-position:right -200px;}

#photosContainer .item{ float:left; margin:0 15px 15px 0; }
#photosContainer .item p{ margin:0; padding:3px 5px; background:#333; }

#groupsSelector{ }

#groupsSelector .item{ float:left; width:350px; }
#groupsSelector .item input{ float:left; width:17px; }
#groupsSelector .item h2{ margin:0; padding:0; font-size:1em; font-weight:normal; float:left; width:325px; margin-top:2px; }

.move{ cursor:move; }
.div_saveorder{ margin:10px 0px; }
.div_saveorder a{ color:red; }

.btnRight{ float:right; }


/* welcome box, homepage */
.td_text_with_title{
	width: 100%;
    height: 350px;
	margin-top: 70px;
    position: relative;
    padding: 0px!important;
    background: hsl(207, 100%, 9%) url('http://eurotech-universities.eu/wp-content/themes/Newspaper/images/frt-abt-ali.jpg') no-repeat right -90px;
}
.td_text_with_title .block-title {
    width: 250px;
    clear: both;
    margin: 0px 0px 20px 0px;
    padding: 40px 0px 0px 25px;
    color: hsl(63, 100%, 41%);
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700!important;
}
.td_text_with_title .td_mod_wrap {
    width: 250px;
    clear: both;
    padding: 0px 0px 0px 25px;
    color: hsl(63, 100%, 41%);
    font-size: 16px;
}
.td_text_with_title .td_mod_wrap strong {
    color: hsl(0, 0%, 100%);
    font-size: 16px;
    font-weight: normal;
}