@charset "UTF-8";
/* CORES =====================================================================
   preto: #000;
   
   vermelho: #00805F
   cinzento: #e8e8e8
   cinzento claro: #F4F4F4
   verde (button por defeito) : #167C7A
   verde (button hover) : #64b100
   
   Feedback:
   verde OK : #00B22F
   vermelho ERRO : #E70000
   
   azul abstract : #5367ff;
   castagno Marketing: #ae7800;
============================================================================= */

/* RESET http://developer.yahoo.com/yui/reset/#code ========================= */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}


/* BASE ===================================================================== */
html { }
@font-face {}
body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
}
a {text-decoration: none; color: #000;
}
a:link { }
a:visited {}
a:hover {}
a:focus, :focus { }
a:hover, a:active { }
a:active {}

h1 {font-size:1.8em}
h2 {font-size:1.6em}
h3 {font-size:1.4em}
h4 {font-size:1em; font-weight: bold; margin-bottom: 5px;}
h1,h2,h3 {margin:1em 0;}

abbr,acronym { border-bottom:1px dotted #000; cursor:help;} 
em {font-style: italic;}
strong { font-weight: bold;}
blockquote,ul,ol,dl {}
ol,ul,dl {}
ol li {list-style: decimal inside;}
ul li {list-style: disc inside;}

dl dd {margin-left:1em;}
th,td {border:0; padding:.5em;}

#tablesection table {border:2px solid; padding:0;}
#tablesection td {border:1px solid; padding:0;}

th {font-weight:bold; text-align:center;}
caption { margin-bottom:.5em; text-align:center;}
p,fieldset,table {margin-bottom:1em;}

hr {
	height: 1px;
  margin: 20px 0;
  padding: 0;
  color: #F00;
  background-color: #e8e8e8;
  border: 0;
  clear: both;
}

.hr 
{ margin:0;
}


.separator{ border-top: solid #e8e8e8 2px; border-bottom: solid #e8e8e8 1px; clear: right; padding: 10px 0; margin: 10px 0; position: relative;
}

.floatLeft{float:left}
.floatRight{float:right}
.left {text-align: left;}
.right {text-align: right;}
.posBottom {position: absolute; bottom: 0;}
.posRight {position: absolute; right: 0;}
.underline {text-decoration: underline;}
.highlight { background-color:yellow; padding: 2px;}
.cross {text-decoration:line-through;}
img.autoscale { max-width:100%; max-height:100%;}

#wrapper {min-width: 95%; margin: 0 auto;}

/* HEADER ===================================================================== */
header {height: 50px;}
header.users{height: 130px;}

/* MENU LOGIN =========*/
/* nav#toolbox ul {
	position: absolute;
	top: 15px;
	right:0px;
	margin: 0;
	}
nav#toolbox ul li {	
	font-size: 1.4em;
	list-style: none inside;
	display: inline;
	text-transform: capitalize;
	border-left: #000 solid 1px;
	padding: 5px 10px; 
}
nav#toolbox ul li:first-child {	
	border:0;
}
nav#toolbox ul li a {
	color: #000;
	text-decoration: underline;
	padding: 5px 8px;
}
nav#toolbox ul li a:hover, nav#toolbox ul li a:active, nav#toolbox ul li a:focus {
	color: #fff;
	text-decoration: none;
	background-color: #00805F;
}
nav#toolbox ul li span.on {
	color: #fff;
	text-decoration: none;
	background-color: #00805F;
	padding: 5px 8px;
}

nav#toolbox ul li#warning {	
	font-size: 1.4em;
	list-style: none inside;
	display: inline;
	text-transform: capitalize;
	border-left: #000 solid 1px;
	padding: 5px 10px; 
}

nav#toolbox ul li#warning:first-child {	
	border:0;
}
nav#toolbox ul li#warning a {
	color: #fff;
	text-decoration: none;
	background-color: #00805F;
}
nav#toolbox ul li#warning a:hover, nav#toolbox ul li#warning a:active, nav#toolbox ul li#warning a:focus {
	text-decoration: underline;
	padding: 5px 8px;
}

#name {
	font-size: 1.3em;
	position: absolute;
	top: 40px;
	right: 10px;
	margin: 0;
}
.note {color:#999; }

*/


/* MAIN NAV > TABS =========*/
/*nav#mainNav {
	position:relative;
	top: 75px;
	margin: 0;
	}
ul#mainTabs {
	position: absolute;
	right: 0;
	margin: 0;
	padding:0;
	}
ul#mainTabs li {
	float: left;
	list-style: none inside;
    margin: 0 0 0 8px;
	padding: 3px 0 0 0;
	height: 26px;
	width: 80px;	
	font-size: 1.1em;
	line-height: 1.1em;
	font-weight: bold;
	text-align: center;
	border-top: #a8a8a8 solid 1px;
	border-left: #a8a8a8 solid 1px;  
	border-right: #a8a8a8 solid 1px;       
    -webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
ul#mainTabs #mainTab1  {background-color: #5367ff;color: #fff;}
ul#mainTabs #mainTab2 {background-color: #00805F;color: #fff;}
ul#mainTabs #mainTab3  {background-color: #ae7800;color: #fff;}

ul#mainTabs a #mainTab1, ul#mainTabs a #mainTab2, ul#mainTabs a #mainTab3 {background-color: #fff;color: #000;}

ul#mainTabs a:hover li#mainTab1 , ul#mainTabs a:active li#mainTab1 , ul#mainTabs a:focus li#mainTab1{background-color: #5367ff;color: #fff;}
ul#mainTabs a:hover li#mainTab2 , ul#mainTabs a:active li#mainTab2 , ul#mainTabs a:focus li#mainTab2{background-color: #00805F;color: #fff;}
ul#mainTabs a:hover li#mainTab3 , ul#mainTabs a:active li#mainTab3 , ul#mainTabs a:focus li#mainTab3{background-color: #ae7800;color: #fff;}
*/

/* MAIN MENU PRINCIPAL  =========*/
/*ul#mainMenu {
	position:relative;
	height: 24px;
	top:30px;
	margin: 0;
	padding:0;
	background-color: #00805F;
	border-bottom: 1px solid #00805F;
	}

ul#mainMenu li {	
	display: block;
	float: left;
	font-size: 1.6em;
	line-height: 1.6em;
	font-weight: bold;
	list-style: none inside;
	
}
ul#mainMenu li:first-child{ background: url(../img/icon_home.png) no-repeat 20px top;  }
ul#mainMenu li:first-child a { background:  url(../img/icon_home.png) no-repeat 20px bottom; height: 25px;}
ul#mainMenu li:first-child a:hover { background: url(../img/icon_home.png) no-repeat 20px top;} 

ul#mainMenu li.on {padding: 0 20px; background-color: #fff; color: #000;}
ul#mainMenu li.off {padding: 0 20px;  color: #AAAAAA;}
ul#mainMenu li a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0 20px;
}
ul#mainMenu li a:hover, ul#mainMenu li a:active, ul#mainMenu li:first-child a:hover, ul#mainMenu li:first-child a:active {
	color: #000;
	background-color: #fff;
	text-decoration: none;
}
ul#mainMenu li a em { background-color: #fff; color: #000; font-weight: bold; padding: 1px 2px;}
ul#mainMenu li a:hover em { color: #fff; background-color: #00805F;}
*/

/* MAIN SUBMENUS   =========*/
/*
ul#mainSubmenu {
	position:absolute;
	top:65px;
	left: 0;
	margin: 0;
	padding:0;
	height: 24px;
	}
ul#mainSubmenu li {	
	font-size: 1.2em;
	font-weight: bold;
	list-style: none inside;
	display: inline;
	border-left: #000 solid 1px;
	padding: 5px 5px;
}

ul#mainSubmenu li:first-child {	
	border:0;
	margin-left: 25px;
}

ul#mainSubmenu li.off {	 
	color: #000;
	text-decoration: none;
	padding: 5px 13px;
}

ul#mainSubmenu li a {	 
	color: #000;
	text-decoration: none;
	padding: 5px 13px;
}

ul#mainSubmenu li.on a{
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #00805F;
}

ul#mainSubmenu li a:hover, ul#mainSubmenu li a:active, ul#mainSubmenu li a:focus {
	text-decoration: underline;
}
ul#mainSubmenu li.on a:hover, ul#mainSubmenu li.on a:active, ul#mainSubmenu li.on a:focus {
	text-decoration: none;
}

ul#mainSubmenuRight{
	position:absolute;
	top:65px;
	right: 0;
	margin: 0;
	padding:0;
	height: 24px;
}

ul#mainSubmenuRight li {	
	font-size: 1.2em;
	font-weight: bold;
	list-style: none inside;
	display: inline;
	padding: 10px 10px;
}
ul#mainSubmenuRight li a {	 
	color: #000;
	text-decoration: none;
}
ul#mainSubmenuRight li.on a {	 
	color: #fff;
	text-decoration: none;
	padding: 5px 13px;
	background: #00805F;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
ul#mainSubmenuRight li:last-child { padding-right: 15px;}
ul#mainSubmenuRight li:last-child.on a {background: #669900; }
*/

#topMessage { position: relative; top: -20px; font-size: 1.2em;}

/* SECTIONS ===================================================================== */
section {
	font-size: 1.3em;
	padding: 35px 20px 50px 20px;
	min-height: 350px;
}

/* horizontal tabs */
#tabs, ul.tabLike { position: relative;}
.tabContent, .tabLikeContent {
	width: 96.5%;
    margin: 0;
    padding: 40px 20px 50px 20px;
    border: 1px solid #bababa;
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 5px;
	-moz-border-radius-topleft: 0;
	border-radius: 5px;
	border-top-left-radius: 0;
	}
#tabs ul, ul.tabLike {
    margin: 0 ;
    padding: 0;
    list-style: none;
	position: relative; top: 1px;
}
#tabs > ul > li, ul.tabLike > li {
	float: left;
    margin: 0 8px 0 0 ;
    padding: 0;
	height: 30px;
	min-width: 90px;
	text-align: center;
	font-weight: bold;
   	line-height: 30px;
   
    overflow: hidden;
    position: relative;
    background-color: #e8e8e8;
    list-style: none;
	
	border-top: #bababa 1px solid;
	border-left: #bababa 1px solid;
	border-right: #bababa 1px solid;

    -webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#tabs ul li a , ul.tabLike li a{
    text-decoration: none;
    color: #000;
    display: block;
    padding: 0 10px;
}


/* vertical tabs*/
.vtab {
	margin-top: 10px;
}
.vtab > ul > li {
    width: 120px;
    min-height: 20px;
    background-color: #f4f4f4 !important;
    list-style-type: none;
    display: block;
    margin: auto;
    padding: 10px;
    position: relative;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.vtab > ul > li.selected {
    z-index: 10;
    background-color: #e8e8e8 !important;
    position: relative;
	font-weight: bold;
}
.vtab > ul {
    float: left;
    width: 120px;
    text-align: left;
    display: block;
    margin: auto 0;
    padding: 0;
    position: relative;
}
.vtab > div {
    background-color: #e8e8e8;
    margin-left: 140px;
	min-width: 300px;
    min-height: 300px;
    padding: 12px;
    position: relative;
    z-index: 9;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
}
.vtab > div > textarea { width: 100%; min-height: 300px;
}

.vtab > div.bgWhite {
    background-color: #FFFFFF;
    border: 5px solid #E8E8E8;
    padding-top: 20px;
}

/* horizonatal tab menu (tab-like menu) */
ul.tabLike > li {background: #fff; }
ul.tabLike > li.off {background: #e8e8e8;}
ul.tabLike > li.on {padding: 0 10px; }
ul.tabLike > li a {background: #e8e8e8;}
ul.tabLike > li div {background: #e8e8e8; color:#bbb;}
.tabLikeContent {clear:both}


/* Vertical menus (e-mail menu) */
ul.verticalMenu{margin: 0; padding:0;}
ul.verticalMenu li {list-style: none inside; padding: 0; margin:0}
ul.verticalMenu li a { color: #000; text-decoration: none; display: block; padding: 5px;}
ul.verticalMenu li a:hover, ul.verticalMenu li a:focus { background: #e8e8e8;}
ul.verticalMenu li.on a { color: #00805F; text-decoration: none;  font-weight: bold;}

/* Horizontal menus (joined grey buttons) */
ul.joinedMenu {margin:0 30px 10px 0; padding:0; float: Left;}
ul.joinedMenu li {list-style: none inside; padding: 0; margin:0 ; display:inline-block}
ul.joinedMenu li a { color: #000; text-decoration: none; display:block; padding: 5px 10px; background: #f4f4f4;border-top: 1px solid #d0d0d0;border-right: 1px solid #d0d0d0;border-bottom: 1px solid #d0d0d0;}
ul.joinedMenu li:first-child a {border-left: 1px solid #d0d0d0;}
ul.joinedMenu li a:hover, ul.joinedMenu li a:focus { background: #e8e8e8;}

ul.joinedMenu {margin:0 30px 10px 0; padding:0; float: Left;}
ul.joinedMenu li {list-style: none inside; padding: 0; margin:0 ; display:inline-block}
ul.joinedMenu li a { color: #000; text-decoration: none; display:block; padding: 5px 10px; background: #f4f4f4;border-top: 1px solid #d0d0d0;border-right: 1px solid #d0d0d0;border-bottom: 1px solid #d0d0d0;}
ul.joinedMenu li:first-child a {border-left: 1px solid #d0d0d0;}
ul.joinedMenu li a:hover, ul.joinedMenu li a:focus { background: #e8e8e8;}


/*  Tables============================================= */
   =============================

table.classic tr {background: #f00;}
table.classic caption {display:none}
table.classic th {padding: 2px 10px; text-align: left;}
table.classic td {padding: 7px 10px; line-height: 1.2em; vertical-align: top;}
table.classic thead	{font-size: 1.3em; font-weight:bold;}
table.classic tbody th	{background-color: #e8e8e8; font-size: 1.2em; font-weight:bold; }
table.classic tbody	td {border: 1px solid #e8e8e8;}
table.classic tbody	td:first-child { border-left: 0;}
table.classic tbody	td:last-child { border-right: 0;}
table.classic tfoot th {}
table.classic .odd {}

table.redskin th {color: #B70000 ;}

/* LISTS =========*/

ul.noBullet li{list-style: none; padding: 5px 0; margin: 0;}
/*ul.alphabetical {margin: 0;}*/
ul.alphabetical li {	
	display: block;
	float: left;
	font-size: 1.6em;
	line-height: 1.3em;
	text-transform: uppercase;
	color: #5c5c5c;
	font-weight: bold;
	list-style: none inside;
	margin-bottom: 20px;
	padding: 0px 5px; 
	cursor: pointer
}
ul.alphabetical li.on { padding: 0px 5px; background-color: #5c5c5c; color: #fff;} /* item activado (sem link) */

/*  listas de eventos */
ul.eventList li {width: 28%; min-height: 150px; margin: 0 3% 3% 0; padding: 10px; }
ul.eventTinyList li {width: 20%; min-height: 100px; margin: 0 2% 2% 0; padding: 10px; background: #fff;}

ul.eventList li, ul.eventTinyList li {float: left; list-style: none; border: 1px solid #e8e8e8;}
ul.eventList li img, ul.eventTinyList li img {max-width: 100%; max-height: 100%;}

/*  listas de ficheiros */
ul.fileList {margin:0 0 40px 20px;}
ul.fileList li {list-style: none; line-height: 2em; background: transparent;}
ul.fileList li.pdf {padding-left: 25px; background: transparent url('../img/icon_pdf.png') no-repeat left top;}
ul.fileList li.word {padding-left: 25px; background: transparent url('../img/icon_word.png') no-repeat left top;}
ul.fileList li.plant {padding-left: 25px; background: transparent url('../img/icon_plant.png') no-repeat left top;}

ol.stepBar {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    background: #e8e8e8;
    padding: 30px 0;
}
ol.stepBar > li {
    position:relative; /* Create a positioning context */
    left:  100px;
    list-style:none; /* Disable the normal item numbering */
    display: inline-block;
    font-size: 2.3em;
    font-weight:bold;
}
ol.stepBar.three > li{width: 30%;}
ol.stepBar.four > li{width: 22%;}
ol.stepBar.five > li{width: 18%;}
ol.stepBar > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-5px;
    left:-1.8em;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border: 1px solid #BFBEBE;
    font-size: 1em;
    background:#fff;
    color: #333 ;
    width:36px;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:20px;
    padding:4px;
    
    font-weight:bold;
    text-align:center;
}
ol.stepBar > li.on:before  {background:#669900; color: #fff;}


ol.stepBar > li:after {margin-left: 18%; content: " >>";}
ol.stepBar.five > li:after {margin-left: 4%; content: " >>";}
ol.stepBar > li:last-Child:after {margin-left: 0; content: "";}

li ol.stepBar {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}

ol.squared {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
}
ol.squared > li {
    position:relative; /* Create a positioning context */
    left:  40px;
    padding-right: 40px; /* correct */
    list-style:none; /* Disable the normal item numbering */
    margin-bottom: 20px;
}
ol.squared > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-5px;
    left:-1.8em;
    font-size: 1.3em;
    background:#B70000;
    color: #fff ;
    width:25px;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:20px;
    padding: 3px 0;
    
    font-weight:bold;
    text-align:center;
}
ol.squared > li.on:before  {background:#669900; color: #fff;}

li ol.squared {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}


/* jQuery UI para tabs  =========*/
.ui-tabs .ui-tabs-nav li.ui-state-active { cursor: text;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { border-bottom: #fff 1px solid;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { position: relative; background-color: #fff; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor: pointer;}

 
html>/**/body .ui-tabs .ui-tabs-panel { /* hack : este código não é visto por IE7 (para evitar espaço entre Tabs e conteudos) http://oldblog.pixarea.com/index.php/2006/06/13/39-css-un-hack-simple-pour-ie7 =========*/
    display: block;
    overflow: hidden;
    clear: both;
    float: left;
    margin: 0;
}

.ui-tabs .ui-tabs-hide {display: none !important;}


/* TOOLTIPS =========*/
.balloon, .actionBalloon  { max-width: 250px;}
.actionBalloon_slim { max-width: 600px;}

.balloon h1, .actionBalloon h1 {font-size: 2em; font-weight: bold; text-align: center; margin: 0 0 20px 0;}
.balloon h2, .actionBalloon h2{font-size: 1.6em; font-weight: bold; margin: 0 0 20px 0;}
.balloon p, .balloon textarea:enabled, .actionBalloon p, .actionBalloon textarea:enabled {font-size: 1.3em; line-height: 1.3em; }
.balloon textarea:enabled , .actionBalloon textarea:enabled  {width: 95%; background: #fff; padding: 5px; }
.balloon .button, .actionBalloon .button {font-size: 1.3em; }


/* creates triangle */
.bubble:after {
	content:"";
	position:absolute;
	bottom:-15px; /* value = - border-top-width - border-bottom-width */
	left:50px; /* controls horizontal position */
	border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#f3961c transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* Variant : top
------------------------------------------ */
.bubble.top:after {
	top:-15px; /* value = - border-top-width - border-bottom-width */
	right:50px; /* controls horizontal position */
	bottom:auto;
	left:auto;
	border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
	border-color:#000 transparent;
}

/* Variant : left
------------------------------------------ */
.bubble.left:after {
	bottom:-50px; /* controls vertical position */
	left:-15px; /* value = - border-left-width - border-right-width */
	bottom:auto;
	border-width:15px 15px 15px 0;
	border-color:transparent #000 ;
}

/* Variant : right
------------------------------------------ */
.bubble.right:after {
	top:16px; /* controls vertical position */
	right:-50px; /* value = - border-left-width - border-right-width */
	bottom:auto;
    left:auto;
	border-width:10px 0 10px 50px;
	border-color:#000 transparent;
}
/* JQUERY VALIDATION =========*/
div.validation {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoCAYAAAAPOoFWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPZJREFUeNq81tsOgjAMANB2ov7/7ypaN7IlIwi9rGuT8QSc9EIDAsAznxvY4pXPKr05RUE5MEVB+TyWfCEl9LZApYopCmo9C4FKSMtYoI8Bwv79aQJU4l6hXXCZrQbokJEksxHo9KMOgc6w1atHXM8K9DVC7FQnJ0i8iK3QooGgbnyKgMDygBWyYFZoqx4qS27KqLZJjA1D0jK6QJcYEQEiWv9PGkTsbqxQ8oT+ZtZB6AkdsJnQDnMoHXHLGKOgDYuCWmYhEERCI5gaamW0bnHdA3k2ltlIN+2qKRyCND0bhqSYCyTB3CAOc4WusBEIpkeBuPgJMAAX8Hs1NfqHRgAAAABJRU5ErkJggg==') repeat-x scroll left top #fff;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	padding: 10px;
	background-color: red;
	color: #fff;
	border: 1px solid darkred;
	max-width: 600px;
	margin: 0 auto 20px auto;
}
div.validation h1, div.validation h2, div.validation h3, div.validation h4 {text-transform: uppercase;}
div.validation li {margin-bottom: 5px; line-height: 1.1em;
}
div.validation label {font-weight: normal;}

div.success {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoCAYAAAAPOoFWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPZJREFUeNq81tsOgjAMANB2ov7/7ypaN7IlIwi9rGuT8QSc9EIDAsAznxvY4pXPKr05RUE5MEVB+TyWfCEl9LZApYopCmo9C4FKSMtYoI8Bwv79aQJU4l6hXXCZrQbokJEksxHo9KMOgc6w1atHXM8K9DVC7FQnJ0i8iK3QooGgbnyKgMDygBWyYFZoqx4qS27KqLZJjA1D0jK6QJcYEQEiWv9PGkTsbqxQ8oT+ZtZB6AkdsJnQDnMoHXHLGKOgDYuCWmYhEERCI5gaamW0bnHdA3k2ltlIN+2qKRyCND0bhqSYCyTB3CAOc4WusBEIpkeBuPgJMAAX8Hs1NfqHRgAAAABJRU5ErkJggg==') repeat-x scroll left top #fff;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	padding: 10px;
	background-color: green;
	color: #fff;
	border: 1px solid darkred;
	max-width: 600px;
	margin: 0 auto 20px auto;
}
div.success h1, div.validation h2, div.validation h3, div.validation h4 {text-transform: uppercase;}
div.success li {margin-bottom: 5px; line-height: 1.1em;
}
div.success label {font-weight: normal;}

div.notification {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	padding: 10px;
	color: #000;
	border: 1px solid grey;
	max-width: 600px;
	margin: 0 auto 20px auto;
}
div.success h1, div.validation h2, div.validation h3, div.validation h4 {text-transform: uppercase;}
div.success li {margin-bottom: 5px; line-height: 1.1em;
}
div.success label {font-weight: normal;}


/* MODAL WINDOWS =========*/



/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container{
	border: #000 solid 2px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	padding: 30px;
	font-size: 1.3em;
	background:#e8e8e8;	
}
	
#simplemodal-container a.modalCloseImg {
	background:url(../img/icon_close.png) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}

#modalPublishConfirm{width: 500px;}
#modalAssignationConfirm{width: 500px;}

/* Email Reminder */
#modalEmailReminder, #conversationHistory, #modalEmailDetail{width: 700px;}
#burstConfirmation{width: 500px;}
#conversationHistory .conversation {margin: 0 0 30px 0;}
#conversationHistory label {margin-bottom: 8px;}
#conversationHistory img {vertical-align: middle; padding-right: 5px;}
#conversationHistory span.pdf {
padding: 5px 0 5px 25px;
background:url(../img/icon_pdf_small.png) top left no-repeat;}

.scrollBar {
height: 200px;
overflow: scroll;
overflow-x: hidden; 
background: #F4F4F4;
padding: 5px 5px 5px 5px;
}
.expendable { display: block;
position: absolute; overflow: hidden; width: 640px; margin-bottom: 80px; z-index: 100;
border: #BFBEBE solid 1px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;

background: #fff; 
/* height: 60px; defined by JQuery */
}
.expendable:after {
	margin-top: 60px;
}

.expendable ul.people {
	float: left; width: 540px; overflow: hidden; padding: 10px; margin: 0; }
.expendable ul.people li {list-style:  none; margin: 0 5px 10px 0 ;display: inline-block;  }
.expendable ul.people li img { float: left; margin-right: 5px; }
.expendable ul.people li span { float: left; width: 90px; }
.expendable .rightCol { background: #BFBEBE; width: 80px; height: 100%;
	border-top-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-top-right-radius: 8px;
	
	border-bottom-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
    position: absolute;
    right: 0;
    
    font-size: 2em; font-weight: bold;
    text-align: center;
    padding-top: 15px;
}
.expendable .rightCol a.expendableBt { border: 0;}
.expendable .rightCol a:hover.expendableBt { border-bottom: 1px solid #000;}


/* Add Code */
#modalAddCode {display:none; width: 400px;}

/* Upload */
#modalUpload {display:none; width: 700px;}
#modalUpload .dropZone {margin: 20px 0;
	border: 2px dashed #333; height: 200px; border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
background: #fff;
}

.modal {position: relative; line-height: 1.3;}
.modal .feedback {text-align: center; padding-top: 20px; margin-top: 20px; border-top:1px solid #000;}
.modal .closeBt {position: absolute; right: -15px; top: -15px; }
.modal hr {margin: 10px 0;  background-color: #333;}

/* GERAL =========*/
.rightTopImage {position: absolute; top:70px; right:30px; border: 1px solid #e8e8e8; padding: 0; margin: 0;}
*+html .rightTopImage {top:100px;}/*  hack IE7*/
.inlineBlocks {display: inline-block;}
.pad5 { padding: 5px;}
.pad10 { padding: 10px;}
.padR10 { padding-right: 10px;}
.padT10 { padding-top: 10px;}
.pad0_15  { padding: 0 15px;}
.pad0_20  { padding: 0 20px;}
.padT20 { padding-top: 20px;}
.smaller {font-size: 0.85em;}
.bigger {font-size: 1.5em;}
.tiny {font-size: 8px}

.marg0 { margin: 0}
.margB10 { margin-bottom: 10px;}
.margB20 { margin-bottom: 20px;}
.margT5 { margin-top: 5px;}
.margT10 { margin-top: 10px;}
.margT20 { margin-top: 20px;}
.margT40 { margin-top: 40px;}
.margR10 { margin-right: 10px;}
.margR40 { margin-right: 40px;}
.margR50 { margin-right: 50px;}
.margL10 { margin-left: 10px;}
.margL40 { margin-left: 40px;}
.margTB10 { margin: 10px 0;}
.w20 { width: 20px;}
.w25 { width: 25px;}
.w230 { width: 230px;}
.w500 { width: 500px;}
.w520 { width: 520px;}
.w540 { width: 540px;}
.w560 { width: 560px;}
.rounded { 	
	border: #bababa solid 1px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	padding: 10px;
}
.roundedAgenda { 	
	border: #bababa solid 1px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	padding: 15px;
}

.squared {padding: 10px;}

.greyBox {background:#e8e8e8; padding: 20px}
.borderR {border-right: 1px solid #e8e8e8;}
.borderL {border-left: 1px solid #e8e8e8;}
.borderT {border-top: 1px solid #e8e8e8;}
.borderB {border-bottom: 1px solid #e8e8e8;}
.borderTB {border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}

.roundedBottom { 	
	border: #bababa solid 1px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	padding: 10px;
}
.roundedTopTitleBar {
font-size: 1.2em;
font-weight: bold;
background:#e8e8e8;
padding: 5px 10px;
margin-bottom: 0;
border-top: #bababa solid 1px;
border-left: #bababa solid 1px;
border-right: #bababa solid 1px;
-webkit-border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-topleft: 8px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
}

.accordeon {overflow: hidden; position: relative;
padding: 0 5px 15px 15px ;
margin-bottom: 5px;
background: #e8e8e8;
/*border-bottom: 1px solid #bababa;*/
 /* height: 200px; defined by JQuery */}

.accordeon h2{
	font-weight: bold;
}
.accordeon h3  {
	font-weight: bold;
	font-size: 1.1em;
	margin: 5px 0 2px 0;
}
.accordeon>ul>li {margin-bottom: 10px; padding: 1px; padding-left:3px}
.accordeon>ul>li>ul>li {margin-bottom: 0; list-style-type: disc; list-style-position: inside;}
.accordeon>ul>li>ul  {margin-bottom: 5px}
.accordeon img.photo, .tinyList img.photo {float: left; display: block; width: 25px;
}
.accordeon .photoAside, .tinyList .photoAside  {padding-left: 35px;}

.accordeonToogleBt {
	font-weight: bold;
	text-align: right;
	cursor: pointer;
}

.accordeonClassic { display: none;}
.accordeonClassicToogleBt {font-weight: bold; text-align: right; cursor: pointer; 	font-size: smaller;}

ul.cols_3 { margin: 0; padding: 0;}
ul.cols_3>li {
	list-style: none;
	width: 31.2%;
	display: inline-block;
	vertical-align:top;
 	margin-right: 1%;
}
ul.cols_3 li {list-style: none;}



.bgGrey {background:#e8e8e8 }
.bgNoAssign {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoCAYAAAAPOoFWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPZJREFUeNq81tsOgjAMANB2ov7/7ypaN7IlIwi9rGuT8QSc9EIDAsAznxvY4pXPKr05RUE5MEVB+TyWfCEl9LZApYopCmo9C4FKSMtYoI8Bwv79aQJU4l6hXXCZrQbokJEksxHo9KMOgc6w1atHXM8K9DVC7FQnJ0i8iK3QooGgbnyKgMDygBWyYFZoqx4qS27KqLZJjA1D0jK6QJcYEQEiWv9PGkTsbqxQ8oT+ZtZB6AkdsJnQDnMoHXHLGKOgDYuCWmYhEERCI5gaamW0bnHdA3k2ltlIN+2qKRyCND0bhqSYCyTB3CAOc4WusBEIpkeBuPgJMAAX8Hs1NfqHRgAAAABJRU5ErkJggg==') repeat-x scroll left top #fff }
.bgDarkGrey {background:#D9E8EB }
.dashedTop {border-top: 1px dashed #000; padding: 15px 0 0 0;}
.greyBar {background:#e8e8e8; padding: 10px 20px; }

.huge {font-size: 3.5em; margin: 0; font-weight: bold;}

.statusBox {
	float: left;
	border: #bababa solid 1px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	padding: 10px;
	margin: 0 15px 30px 0;
	}

.statusBox.last { margin: 0 0 30px 0; }
.statusBox.small{margin: 0 8px 30px 8px;}
.statusBox div:first-child {float: left; min-width: 70px; min-height: 100px; text-align: center; }
.statusBox.medium div:first-child {min-width: 40px; min-height: 70px; font-size: 0.85em; }
.statusBox.small div:first-child {min-width: 40px; min-height: 50px; font-size: 0.8em; }

.statusBox div:first-child h1 { font-size: 4em; font-weight: bold; margin: 0; padding:0; line-height:1em; }
.statusBox div:first-child h2 { font-size: 2em; font-weight: bold; margin: 0; padding:0; line-height:1em; }
.statusBox div:first-child h3 { font-size: 1em; font-weight: bold; margin: 0 0 10px 0; padding:0; line-height:1.2em; }
.statusBox .detail {float: left; min-width: 100px; max-width: 160px; min-height: 75px; padding: 10px 0 10px 10px; border-left: #bababa solid 1px; margin-left:10px;}	
.statusBox .detail ul {padding: 0; margin: 0 0 0 10px;}
.statusBox .detail ul li { font-size: 0.8em; padding: 0; margin: 0;}
.statusBox .detail ul.nobullets { padding: 0; margin: 0;}
.statusBox .detail ul.nobullets li { list-style: none;font-size: 0.8em; padding: 0; margin: 0;}
.statusBox .detail ul li img { vertical-align:middle;}
.statusBox .plus {font-size: 0.3em;}
.statusBox.on {background: #bababa; }

.statusBox ul.shared li{list-style: none; display: inline-block; border-right: 1px solid #e8e8e8; padding: 0 10px; }
.statusBox ul.shared li:first-child{padding-left: 0; }
.statusBox ul.shared li:last-child{border-right: 0; padding-right: 0; }

.statusBoxWidget {
	float: left;
	border: #bababa solid 1px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	padding: 10px;
	margin: 0 15px 30px 0;
	}
.statusBoxWidget div:first-child {float: left; min-width: 70px; min-height: 50px; text-align: center; }
.statusBoxWidget div:first-child h1 { font-size: 4em; font-weight: bold; margin: 0; padding:0; line-height:1em; }
.statusBoxWidget div:first-child h2 { font-size: 2em; font-weight: bold; margin: 0; padding:0; line-height:1em; }
.statusBoxWidget div:first-child h3 { font-size: 1em; font-weight: bold; margin: 0 0 10px 0; padding:0; line-height:1.2em; }


.floatedBox320 {position: relative;
	width: 320px; min-height: 320px; margin: 0 23px 23px 0; float: left; border: #bababa solid 1px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding: 10px;
}
.floatedBox320 .buttonBar{ position: absolute; bottom: 0; right: 10px;}
.floatedBox320 .note{ position: absolute; top: 10px; right: 10px; font-size: 0.8em;
}
.bottomRoundWhiteBox { height: 70px; width: 75%; position: absolute; bottom: 20px; padding: 10px 20px; background: #fff; width: 75%; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; font-size: 1.5em; text-align: center; }
.bottomRoundWhiteBox span{font-weight: bold;}
.bottomRoundWhiteBox .days{color: #B70000; font-size: 1.8em;}
.bottomRoundWhiteBox .hours{color: #000; font-size: 1.6em;}
.bottomRoundWhiteBox .min{color: #00E100; font-size: 1.4em;}
.bottomRoundWhiteBox .sec{color: #0066FF; font-size: 1.2em;}


.red {color: #F00;}
.blue {color: #0066FF;}
.orange {color: #FEAE00}
.green {color: #00E100}
.grey {color: #999}
.darkGreen {color: #339930}
.darkRed {color: #B70000}
.changed {position: relative !important; background-color: #F9FFD2}
.cancelled {position: relative !important; background-color: #FF6666}
.cancelledp {position: relative !important; font-style:italic; background-color: #444; color: yellow; border: solid 2px white;}
.changedBt{position: absolute; bottom: 10px; right: 10px; height: 15px; z-index: 1;}
.changedBt a{background-color: transparent}

div.overlapcrono {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoCAYAAAAPOoFWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPZJREFUeNq81tsOgjAMANB2ov7/7ypaN7IlIwi9rGuT8QSc9EIDAsAznxvY4pXPKr05RUE5MEVB+TyWfCEl9LZApYopCmo9C4FKSMtYoI8Bwv79aQJU4l6hXXCZrQbokJEksxHo9KMOgc6w1atHXM8K9DVC7FQnJ0i8iK3QooGgbnyKgMDygBWyYFZoqx4qS27KqLZJjA1D0jK6QJcYEQEiWv9PGkTsbqxQ8oT+ZtZB6AkdsJnQDnMoHXHLGKOgDYuCWmYhEERCI5gaamW0bnHdA3k2ltlIN+2qKRyCND0bhqSYCyTB3CAOc4WusBEIpkeBuPgJMAAX8Hs1NfqHRgAAAABJRU5ErkJggg==') repeat-x scroll left top;}	
	 
.clickable {position: relative; border-top: 1px solid #ddd}
.clickable:hover { background-color: #FFFF66; }
.clickable a {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-decoration:none; /* Makes sure the link   doesn't get underlined */
    /*z-index:20; /* raises anchor tag above everything else in div */
    background-color:white; /*workaround to make clickable in IE */
    opacity: 0; /*workaround to make clickable in IE */
    filter: alpha(opacity=1); /*workaround to make clickable in IE */
}
.clickable input {z-index: 200; position:relative;}
.hidden {display: none;}

.clickableBase {position: relative}
.clickableBase a {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-decoration:none; /* Makes sure the link   doesn't get underlined */
    /*z-index:20; /* raises anchor tag above everything else in div */
    background-color:white; /*workaround to make clickable in IE */
    opacity: 0; /*workaround to make clickable in IE */
    filter: alpha(opacity=1); /*workaround to make clickable in IE */
}

#lockBt { position: absolute; top: 20px; right: 20px; cursor: pointer;}

.uploadBox {float: left; min-width: 150px; margin: 0 10px; position:relative}
.uploadBox h1 { font-size: 1em; font-weight: bold; margin: 0 0 10px 0; padding:0; line-height:1.2em; }
.uploadBox .icon {position: absolute; top: 25px; left: 20px;  }
.uploadBox .bts {position: relative; top: 0; left: 75px; width: 50px;  }
.uploadBox .bts div {margin-bottom: 15px;}


/* template content =========*/
.content>div {padding: 5px 0 5px 0;}
.content .titleLine {padding: 5px 0 5px 0;background-color: #e8e8e8; font-weight: bold;}
.content .titleLine h1 {font-size: 1.1em; font-weight: bold; padding-left: 5px; margin: 0;}
.content h4 {padding: 10px 0 5px 0;border-bottom: 1px dashed #000; font-weight: bold;}

/* template LOGIN =========*/
#registration {width: 300px; text-align: left; float: left; margin: 0 20px ; position: relative;}
#registration h1 {color: #B70000; margin: 0 0 10px 0; }
#registration>div {padding: 20px; min-height: 300px;}
#registration .buttonBar {text-align: left;}

#login {width: 300px; text-align: left;  float: left; margin: 0 20px ;}
#login h1 {color: #B70000; margin: 0 0 10px 0; }
#login>div {padding: 20px; min-height: 300px;}
#login input[type=text] {width: 200px;}
#login input[type=password] {width: 100px;}
#login input[type=text], #login input[type=password] { background-color: #fff; }
#login .buttonBar {text-align: left;}

/* Simple form only for login - wihtout abstracts */
#login_s {width: 300px; margin: 0 auto; text-align: left;}
#login_s h1 {color: #00805F; margin: 0 0 10px 0; }
#login_s>div {padding: 20px;}
#login_s input[type=text] {width: 200px;}
#login_s input[type=password] {width: 100px;}
#login_s input[type=text], #login input[type=password] { background-color: #fff; }
#login_s .buttonBar {text-align: left;}


/* template EDITABLE LINES =========*/

.editableLines>div {padding: 5px 0 0px 0;  border-top: 1px dashed #e8e8e8 }

.editableLines>div:first-child, .editableLines>div:first-child+div {border-top: 0 }
.editableLines>div:last-child {border-bottom: 0; border-top: 1px solid #e8e8e8 }
.editableLines .titleLine {background-color: #e8e8e8; font-weight: bold; text-align:center; }
.editableLines {text-align:center; }


/* template LINES =========*/

/*.lines>div {padding: 10px 0 5px 0;  border-top: 1px dashed #e8e8e8; }*/
.lines>div {padding: 1px 0 0 0; }

.lines>div.above {margin:0; padding:0;}
.lines>div:first-child, .lines>div:first-child+div {border-top: 0 }
.lines>div:last-child {border-bottom: 2 solid #e8e8e8 ; border-top: 1px solid #e8e8e8 }
.lines .titleLine {padding: 15px 0 10px 0;background-color: #e8e8e8; font-weight: bold; border-bottom: 1px solid #a8a8a8;}
.left {text-align:left; }
.lines a {color: #000; text-decoration: underline}
.lines .buttonBar a {color: #fff;}
.lines a img , .lines a.button {text-decoration:none;}
.lines .vertIcons img {display:block; margin: 10px;}

.linesBorderTop {padding: 20px 0; border-top: 1px solid #e8e8e8; }
.linesBorderTop>div {padding: 15px 0 10px 0;  border-top: 1px dashed #e8e8e8; }
.linesBorderTop>div:first-child, .lines>div:first-child+div {border-top: 0 }



.lines ul {margin: 0; padding:0;}
.lines ul.assigment {padding:3px; background-color:#f4f4f4;}
.lines ul li {list-style: none;}
.lines ul.status li img {margin-left: 5px; vertical-align:middle;} 
.lines ul.status li>div:first-child {width: 140px; float: left;  margin:0; padding: 0; word-spacing:0;}


.sidebar { background: #e8e8e8; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; min-height: 100%; padding: 25px 15px;}
.sidebar legend { margin-top: 50px;}
.sidebar label { font-weight: normal; margin-bottom: 10px;}
.sidebar input, .sidebar select { margin: 5px 0 10px 0;}
.sidebar input[type="radio"] { margin-left: 5px; margin-bottom: 0;}
.sidebar .above {position: absolute; top: -25px; text-align: center;}
.sidebar .above img {margin: 0 5px;}
.sidebar h2 {color: #00805F; margin-top: 0;} 

.sidebar input[type=checkbox] { margin-bottom: 0;} 
	
.legend { font-size: 0.9em; font-style: italic;}
.legend span { margin: 0 10px 0 0;}
.legend span img { vertical-align: middle;}


/* template ROUNDEDBOXLIST =========*/

.roundedBoxList{border: #bababa solid 1px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}
.roundedBoxList .titleLine {padding: 15px 0 10px 0; font-weight: bold;}
.roundedBoxList hr{height: 1px;
margin: 0 0 5px 0;
padding: 0;
color: #F00;
background-color: #bababa;
border: 0;
clear: both;}

.roundedBoxList .line  { border-top: 0; border-bottom: 1px dashed #bababa; padding: 10px 0; margin-top: 10px;}
.roundedBoxList .line:last-of-type { border-bottom: 0}

.line  { border-top: 0; border-bottom: 1px dashed #bababa; padding: 10px 0; margin-top: 10px;}
.line:last-of-type { border-bottom: 0}

.roundedBoxList .roundedBox{
background-color: #E4E4E4;
	webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 10px;
}
.roundedBoxList .roundedBox .accepted { padding-left: 40px; background: url('../img/icon_confirmed.png') no-repeat 10px top;}
.roundedBoxList .roundedBox .notaccepted { padding-left: 40px; background: url('../img/icon_cancelled.png') no-repeat 10px top;}



/* template MULTICOLUMNS =========*/

h2.red {color: green; margin-top: 0;} 
.overdue {color: red; margin-top: 0;} 

ul.tinyMenuRight {text-align: right; font-size: 0.8em;} 
ul.tinyMenuRight li {list-style: none; display: inline; padding: 0 10px; border-left: 1px solid #000;} 
ul.tinyMenuRight li:first-child {border-left: 0}
ul.tinyMenuRight li a {color: #000;}
ul.tinyMenuRight li.on {font-weight: bold;}

table.communication {
margin-left: 30px;
text-align: right;
}
table.communication thead {font-size: 1.6em; font-weight: bold;}

table.communication td, table.communication th {width: 120px; padding: 0;}
table.communication th { font-weight: normal; text-align: left;}
table.communication td { width: 50px;}

.counter { 
background: #fff; 
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding: 20px;
font-size: 1em;
/*margin-top: 50px;*/
color: #000;
}
.counter h1 strong {font-size: 1.5em; padding: 0; margin: 0;}
.counter h3 strong {font-size: 1.2em;}
/* template ROW FORM =========*/
.rowForm fieldset {padding-top: 10px; border-top: 1px solid #e8e8e8 }
.rowForm fieldset:first-of-type {border-top: 0; }
.rowForm h1 {font-size: 1em; background-color: #e8e8e8; font-weight: bold; text-align:left; padding: 10px; margin:0;}

.stickyRight {position: absolute; right: 30px;}
.stickyLeft {position: absolute; left: 30px;}


/* template EMAILIST =========*/
.tinyList>div {padding: 4px 0;  border-top: 1px dashed #e8e8e8; }
.tinyList>div.above {margin:0; padding:0;}
.tinyList>div:first-child, .emailSmallList>div:first-child+div {border-top: 0 }
.tinyList>div:last-child {border-bottom: 0; border-top: 1px solid #e8e8e8 }
.noBLine>div:last-child {border-bottom: 0; border-top: 1px dashed #e8e8e8 }
.tinyList .titleLine {background-color: #e8e8e8; font-weight: bold; }
.tinyList .unread {font-weight:800;}
.tinyList input[type=radio], .tinyList input[type=checkbox] { margin: 0 7px 0 2px;}
.tinyList img {  margin: 0 2px; vertical-align: top;
}


.emailForm{ padding: 40px 0; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}
.emailForm h1 {font-weight: bold; font-size: 1.1em;}
.emailForm .header {padding: 20px 0; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}
ul.attachmentsList { padding-top: 20px; margin: 0; border-top: 1px solid #e8e8e8;}
ul.attachmentsList li {list-style: none; margin-left: 5px; font-size: 0.9em; line-height: 1.5em; margin-bottom: 10px;}
ul.attachmentsList li:last-child {margin-bottom: 20px;}
li.file {padding-left: 25px; background: url('/static/img/file_icon.png') no-repeat left top;}
li.txt {padding-left: 25px; background: url('/static/img/file_icon.png') no-repeat left top;}
li.pdf {padding-left: 25px; background: url('/static/img/icon_pdf.png') no-repeat left top;}
li.doc {padding-left: 25px; background: url('/static/img/icon_word.png') no-repeat left top;}
li.docx {padding-left: 25px; background: url('/static/img/icon_word.png') no-repeat left top;}
li.xls {padding-left: 25px; background: url('/static/img/icon_excel.png') no-repeat left top;}
li.xlsx {padding-left: 25px; background: url('/static/img/icon_excel.png') no-repeat left top;}
li.ppt {padding-left: 25px; background: url('/static/img/icon_ppt2.png') no-repeat left top;}
li.pptx {padding-left: 25px; background: url('/static/img/icon_ppt2.png') no-repeat left top;}
li.pps {padding-left: 25px; background: url('/static/img/icon_pps01.png') no-repeat left top;}
li.ppsx {padding-left: 25px; background: url('/static/img/icon_pps01.png') no-repeat left top;}
li.mov {padding-left: 25px; background: url('/static/img/file-extension-mov-icon.png') no-repeat left top;}
li.mpeg {padding-left: 25px; background: url('/static/img/file-extension-mpeg-icon.png') no-repeat left top;}
li.mpg {padding-left: 25px; background: url('/static/img/file-extension-mpeg-icon.png') no-repeat left top;}
li.gif {padding-left: 25px; background: url('/static/img/icon_image.png') no-repeat left top;}
li.png {padding-left: 25px; background: url('/static/img/icon_image.png') no-repeat left top;}
li.jpg {padding-left: 25px; background: url('/static/img/icon_image.png') no-repeat left top;}
li.jpeg {padding-left: 25px; background: url('/static/img/icon_image.png') no-repeat left top;}
li.tif {padding-left: 25px; background: url('/static/img/icon_image.png') no-repeat left top;}
li.rar {padding-left: 25px; background: url('/static/img/icon_rar.png') no-repeat left top;}
li.zip {padding-left: 25px; background:  url('/static/img/icon_zip.png') no-repeat left top;}

/* template COMMUNICATIONS =========*/


.messageDetail .contextBar {position: absolute; right: 0; height: 35px;}
.messageDetail .contextBar>div { margin-left: 20px; display:inline-block; vertical-align:middle;}
.messageDetail h1{ border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; clear: both; font-size: 1.4em; font-weight: bold; padding: 10px 0; position: relative;}
.messageDetail h1 img { vertical-align: top; margin-right: 10px;}
.messageDetail h1 img.photo { max-height: 40px; float: left;}
.messageDetail h1 div { float: left; font-size: 0.7em; font-weight: normal;}
.messageDetail h1>span { position: absolute; right: 0;}

.messageDetail .photo {max-width: 50px; margin-right: 10px;}

.messageDetail .messageArea {width: 570px;}

.messageDetail .messageArea .block {display: inline-block; vertical-align: top;}
.messageDetail .messageArea .recipients {width: 500px;}
.messageDetail .messageArea .recipients .recipient { margin-bottom: 5px;}

.messageDetail ul.attachmentsList li{font-size: 0.9em; line-height:1.4em;}
.messageDetail .rounded{margin-bottom: 20px;}

.boxedGrey { padding: 5px; background-color: #e8e8e8;}
.boxedWhite { padding: 15px; background-color: #fff;}

.reply_1 {color: #A567CD;}


a.rectangleButton { color: #000; text-decoration: none; padding: 5px 10px; background: #f4f4f4; display: inline-block;
border: 1px solid #d0d0d0;}
a.rectangleButton:hover, a.rectangleButton:focus { background: #e8e8e8;}

.missinglink {position: relative; left: -40px; margin-bottom: 40px;}
.missinglink>img {vertical-align: middle; max-width: 30px; margin-right: 10px;}
.missingLinkBt {cursor: pointer;}

.bustHeader { margin-bottom: 40px; position: relative;}
.bustHeader .detail{ position: absolute; right: 0; top:  0; text-align: right;}
.bustHeader h1 { font-size: 1.5em; font-weight: bold; margin: 0 0 5px 0;}
.bustHeader .contextBar span{ margin-left: 10px;}
.bustHeader .contextBar span img{vertical-align: middle; max-width: 20px;}

ul.results {text-align: center; padding: 20px 0;
}
ul.results li  {list-style: none; display: inline-block; width: 40px; font-size: 2.5em; font-weight: bold; text-align: center; margin: 0; }
ul.results li>div {color: #000; font-size: 0.1em; font-weight: normal;}


/* template PROGRAMME =========*/
.sessionDetailHeader li {list-style: none; text-indent: 20px;}
.sessionDetailHeader h1{ font-weight: bold; font-size: 1.5em; margin: 0;}
.sessionDetailHeader h2{ font-size: 1.2em; margin: 1em 0;}
.sessionDetailHeader>div { min-height: 100px; margin-right: 20px; position: relative;}
.sessionDetailHeader>div:last-child { min-height: 10px; margin-right: 0;}
.sessionDetailHeader>div img {position: absolute; right: 10px; top: 10px; }
.sessionDetailHeader>div .overlap {position:relative;}
.sessionDetailHeader .buttonBar {text-align: right; padding-right: 20px; clear: both; padding-top: 20px;}

/* template Timeline =========*/
#timeline>ul {
	margin-top: 40px;
	background: transparent url('../img/bg_timeline.png') repeat-y center top;
	}
#timeline>ul>h4{background-color: #e8e8e8}

#timeline>ul>li{
	position: relative;
	display: inline-block;
	width: 41.5%;
	margin: 5px 25px;
	padding: 10px; 
	border: 1px solid #333;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background: #fff;
	list-style: none;
	}

#timeline>ul>li.yellowBg{background: #FFFFCB;}
#timeline>ul>li.blueBg{background: #E7EBF2;}

#timeline>ul>li:after {
    content: "";
    position: absolute;
	
    border-width: 30px 30px 0 0;
    border-style: solid;
}
/* Variant : left
------------------------------------------ */
#timeline>ul>li.colLeft:after {
	top: 30%; /* controls vertical position */
	right:-10px; /* value = - border-left-width - border-right-width */
	border-width: 10px 0 10px 10px;
	border-color:transparent #000 ;
	
}

/* Variant : right
------------------------------------------ */
#timeline>ul>li.colRight:after {
	top: 70%; /* controls vertical position */
	left: -10px; /* value = - border-left-width - border-right-width */
	border-width: 10px 10px 10px 0;
	border-color: transparent #000 ;
}

#timeline>ul>li img.thumb {
	max-width: 50px; max-height: 50px;
	float: left;
	margin-right: 10px;
}
#timeline>ul>li div.mainText {
	position: relative;
	width: 300px;
	float: left;
}
#timeline>ul>li .icons {
	position: absolute;
	right: 0;
	bottom: 0;
}
#timeline>ul>li .icons img {
	max-height: 30px;
	margin-right: 10px;
}
#timeline>ul>li hr {
	height: 1px;
	background: #ccc;
	margin: 5px 0;
}


/*FORMS =========*/
label {text-align: right; font-weight: bold; margin: 0; padding:0;}
input[type=text],input[type=date],input[type=time],input[type=password], textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 3px 0px 3px 0px;
	margin-bottom: 5px;
	/*border-top: 1px solid #bbb;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	border-left: 1px solid #bbb; */
	color: #aaa;
	background-color: #fff;
	border:none;
	width: 100%;
	position:  relative;
	}

input[type=text].changed {position: relative !important; background-color: #F9FF82}	
input[type=date].changed {position: relative !important; background-color: #F9FF82}	
input[type=time].changed {position: relative !important; background-color: #F9FF82}	
input[type=password].changed {position: relative !important; background-color: #F9FF82}	
textarea.changed {position: relative !important; background-color: #F9FF82}

input[type=text].error {position: relative !important; color: red;}

.container_16 select {margin: 0 0 10px 5px; background-color: #fff; border-style:solid; border-width: 1px; }
.container_16 select:focus {margin: 0 0 10px 5px; background-color: #D9E8EB; border-style:solid; border-width: 1px; }
.container_16 select.changed {margin: 0 0 10px 5px; background-color: #F9FF82; border-style:solid; border-width: 1px; }

input:enabled, textarea:enabled { background-color: #f4f4f4; color: #000; }
.modal input[type=text] {background: #fff;}

input[type=radio],input[type=checkbox]{margin-top: 5px;}


textarea {height: 150px; }
textarea.thin {height: 50px; }
.balloon textarea, .actionBalloon textarea {height: 100px; }
textarea:focus, input:focus { background-color:#D9E8EB}
legend {font-weight: bold; margin-bottom: 15px;}


	
/* BOTՔES */
.button {	
	width: 70px;
	padding: 6px 15px;
	font-size: 1em;
	font-weight: bold;
	border: 0;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	cursor: pointer;
	color:#000;
	margin: 0 5px;
	}

	
a.smallButton {	
	padding: 1px 5px ;
	margin-right: 5px;
	font-size: 0.9em;
	border: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor: pointer;
	}
a.smallButton.grey { color: #000; background: #e8e8e8; border: 1px solid #797979;}
a.smallButton:hover.grey , a.smallButton:focus.grey  { background-color:#b1b1b1; }
a.smallButton.white { background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #797979;color: #000000;}
a.smallButton:hover.white , a.smallButton:focus.white { background-color:#b1b1b1; }

a.smallButton.on {font-weight: bold;}

span.arrowButtonLeft, span.arrowButtonRight  {	
	padding: 6px 9px;
	font-size: 1em;
	font-weight: bold;
	border: 1px solid #797979;
	color:#000;
	background-color:#e8e8e8;
	cursor:pointer;
	}
span.arrowButtonLeft {
	border-right: 0px;
	-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;}
span.arrowButtonRight {
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;}

a span.arrowButtonLeft ,a span.arrowButtonRight   {background-color:#e8e8e8; cursor: pointer;}
a:hover span.arrowButtonLeft, a:hover span.arrowButtonRight , a:focus span.arrowButtonLeft , a:focus span.arrowButtonRight ,  a:active span.arrowButtonLeft, a:active span.arrowButtonRight {background-color:#b1b1b1;}

.files {
	width: auto;
	font-weight: normal;
	height: 30px;
	padding: 0 15px;
	font-size: 0.8em;
	line-height: 0.8em;
	margin: 5px 5px 8px 5px;
	}
	
a.submit {background-color:#167C7A; color:#fff; border: 1px solid #167C7A;}
a.submit:hover, a.submit:focus { background-color:#64b100; border: 1px solid #64b100;}
 
a.red {background-color:#B70000; color:#fff; border: 1px solid #B70000;}
a.red:hover, a.red:focus { background-color:#f00; border: 1px solid #64b100;} 
 
a.vividgreen {background-color:#64b100; color:#fff; }
a.vividgreen:hover, a.vividgreen:focus  {background-color:green; color:#fff;}

a.cancel {background-color:#e8e8e8; color:#000; border: 1px solid #797979;}
a.cancel:hover, a.cancel:focus { background-color:#b1b1b1}

a.cancel_plane {background-color:#e8e8e8; color:#000;}
a.cancel_plane:hover, a.cancel_plane:focus { background-color:#b1b1b1}

a.cancel_action {background-color:#e8e8e8; color:#000; border: 1px solid #797979;}
a.cancel_action:hover, a.cancel_action:focus { background-color:#b1b1b1}

a.files {background-color:#f4f4f4; color:#000; border: 1px solid #797979;}
a.files:hover, a.files:focus { background-color:#D9E8EB }

.buttonBar{margin: 40px 0 20px 0; text-align: center;}
.buttonBarLeft{margin: 20px 0; text-align: left; }
.buttonBarCenter{margin: 10px 0; text-align: center; }
.buttonBarRight{margin: 10px 0; text-align: right; }
.buttonSet{text-align: center; margin-top: 5px; }
.buttonSet img {display:inline; margin: 0 20px;}
.smallButtonSet img {display:inline; margin: 5px 3px 0 3px; max-width: 20px; vertical-align: middle;
}

.shiny-button {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 14px;
  background-color: #B70000;
  background-image: -webkit-linear-gradient(top, #bc0000 0%, #c91616 48%, #B70000 49%, #B70000 82%, #d30000 100%);
  background-image: -moz-linear-gradient(top, #bc0000 0%, #c91616 48%, #B70000 49%, #B70000 82%, #d30000 100%);
  background-image: -o-linear-gradient(top, #bc0000 0%, #c91616 48%, #B70000 49%, #B70000 82%, #d30000 100%);
  background-image: linear-gradient(top, #bc0000 0%, #c91616 48%, #B70000 49%, #B70000 82%, #d30000 100%);
  border-color: hsl(0, 36%, 36%);
  -webkit-box-shadow: inset 0 0 1px 1px #ff1919, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #ff1919, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #ff1919, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #510000;
  -moz-text-shadow: 1px 1px 1px #510000;
  -o-text-shadow: 1px 1px 1px #510000;
  text-shadow: 1px 1px 1px #510000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 8.399999999999999px 21px 8.399999999999999px 21px;
}

.shiny-button strong {
  letter-spacing: 1px;
  font-size: 22px;
}

.shiny-button:hover {
  color: #FFFFFF;
  background-color: #c60000;
  background-image: -webkit-linear-gradient(top, #cb0000 0%, #d71818 48%, #c60000 49%, #c60000 82%, #e20000 100%);
  background-image: -moz-linear-gradient(top, #cb0000 0%, #d71818 48%, #c60000 49%, #c60000 82%, #e20000 100%);
  background-image: -o-linear-gradient(top, #cb0000 0%, #d71818 48%, #c60000 49%, #c60000 82%, #e20000 100%);
  background-image: linear-gradient(top, #cb0000 0%, #d71818 48%, #c60000 49%, #c60000 82%, #e20000 100%);
  border-color: hsl(0, 36%, 39%);
  -webkit-box-shadow: inset 0 0 1px 1px #ff2828, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #ff2828, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #ff2828, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #600000;
  -moz-text-shadow: 1px 1px 1px #600000;
  -o-text-shadow: 1px 1px 1px #600000;
  text-shadow: 1px 1px 1px #600000;
}

.shiny-button:active {
  color: #FFFFFF;
  background-color: #a80000;
  background-image: -webkit-linear-gradient(top, #9e0000 0%, #B70000 100%);
  background-image: -moz-linear-gradient(top, #9e0000 0%, #B70000 100%);
  background-image: -o-linear-gradient(top, #9e0000 0%, #B70000 100%);
  background-image: linear-gradient(top, #9e0000 0%, #B70000 100%);
  padding: 10px 21px 8px 21px;
}

.shiny-button {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 14px;
  background-color: #B70000;
  background-image: -webkit-linear-gradient(top, #bc0000 0%, #c91616 48%, #B70000 49%, #B70000 82%, #d30000 100%);
  background-image: -moz-linear-gradient(top, #bc0000 0%, #c91616 48%, #B70000 49%, #B70000 82%, #d30000 100%);
  background-image: -o-linear-gradient(top, #bc0000 0%, #c91616 48%, #B70000 49%, #B70000 82%, #d30000 100%);
  background-image: linear-gradient(top, #bc0000 0%, #c91616 48%, #B70000 49%, #B70000 82%, #d30000 100%);
  border-color: hsl(0, 36%, 36%);
  -webkit-box-shadow: inset 0 0 1px 1px #ff1919, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #ff1919, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #ff1919, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #510000;
  -moz-text-shadow: 1px 1px 1px #510000;
  -o-text-shadow: 1px 1px 1px #510000;
  text-shadow: 1px 1px 1px #510000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 8.399999999999999px 21px 8.399999999999999px 21px;
}

.shiny-button strong {
  letter-spacing: 1px;
  font-size: 22px;
}

.shiny-button:hover {
  color: #FFFFFF;
  background-color: #c60000;
  background-image: -webkit-linear-gradient(top, #cb0000 0%, #d71818 48%, #c60000 49%, #c60000 82%, #e20000 100%);
  background-image: -moz-linear-gradient(top, #cb0000 0%, #d71818 48%, #c60000 49%, #c60000 82%, #e20000 100%);
  background-image: -o-linear-gradient(top, #cb0000 0%, #d71818 48%, #c60000 49%, #c60000 82%, #e20000 100%);
  background-image: linear-gradient(top, #cb0000 0%, #d71818 48%, #c60000 49%, #c60000 82%, #e20000 100%);
  border-color: hsl(0, 36%, 39%);
  -webkit-box-shadow: inset 0 0 1px 1px #ff2828, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #ff2828, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #ff2828, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #600000;
  -moz-text-shadow: 1px 1px 1px #600000;
  -o-text-shadow: 1px 1px 1px #600000;
  text-shadow: 1px 1px 1px #600000;
}

.shiny-button:active {
  color: #FFFFFF;
  background-color: #a80000;
  background-image: -webkit-linear-gradient(top, #9e0000 0%, #B70000 100%);
  background-image: -moz-linear-gradient(top, #9e0000 0%, #B70000 100%);
  background-image: -o-linear-gradient(top, #9e0000 0%, #B70000 100%);
  background-image: linear-gradient(top, #9e0000 0%, #B70000 100%);
  padding: 10px 21px 8px 21px;
}

.editSet {}
.saveSet {display:none;}



ul.btDropDown {	
	float: left;
	font-weight: bold;
	border: 0;
	cursor: pointer;
	padding: 2px 20px;
	margin: 0;
	width: 60px;
	
}
ul.btDropDown li {
	list-style: none;
	float: left;
	margin: 0;	
	padding: 0;
	position: relative;
}
ul.btDropDown li a {
	padding: 6px 0;
	display: block;
	text-decoration: none;
	float: left;
}

ul.btDropDown li span { 
	width: 25px;
	height: 22px;
	float: left;
}
ul.btDropDown li span.subhover {cursor: pointer;}
ul.btDropDown li ul.submenu {
	position: absolute; 
	top: 27px;
	margin: 0; padding: 0;
	display: none;
	float: left;
}
ul.btDropDown li ul.submenu li{
	list-style: none;
	margin: 0; padding: 0;
	clear: both;
}
ul.btDropDown li ul.submenu li a {
	float: left;
	width: 80px;
	padding-left: 20px;
	
}





ul.btDropDown.rounded {background: #167C7A;}
ul.btDropDown.rounded:hover{background: #64b100;}
ul.btDropDown.rounded li a {color: #fff; font-weight: bold;}
ul.btDropDown.rounded li span {background: url('../img/bg_bt_dropdown.png') no-repeat right -3px;}
ul.btDropDown.rounded li span.subhover {background: url('../img/bg_bt_dropdown.png') no-repeat right -36px; }
ul.btDropDown.rounded li ul.submenu {-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 0; 	left: -20px;}
ul.btDropDown.rounded li ul.submenu li a {background: #167C7A;}
ul.btDropDown.rounded li ul.submenu li a:hover {background: #64b100; }
ul.btDropDown.rounded li ul.submenu li:first-child a{
-webkit-border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-topleft: 8px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
}
ul.btDropDown.rounded li ul.submenu li:last-child a{
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}

ul.btDropDown.squared {background: #F4F4F4; border: 1px solid #d0d0d0;}
ul.btDropDown.squared:hover{background: #e8e8e8;}
ul.btDropDown.squared li a {color: #000; font-weight: normal;}
ul.btDropDown.squared li span {background: url('../img/bg_bt_dropdown_squared.png') no-repeat right -3px;}
ul.btDropDown.squared li span.subhover {background: url('../img/bg_bt_dropdown_squared.png') no-repeat right -36px; }
ul.btDropDown.squared li ul.submenu {border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0;border-left: 1px solid #d0d0d0; left: -21px;}
ul.btDropDown.squared li ul.submenu li a {background: #F4F4F4;}
ul.btDropDown.squared li ul.submenu li a:hover {background: #e8e8e8; }


.splittedButton {background: #f00; position: relative; width: 80px;
}

.splittedButton>a { 
padding: 6px 30px 6px 15px ;
color:#fff;
background: #167C7A;
font-size: 1em;
font-weight: bold;
border: 0;
cursor: pointer;
-webkit-border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border-radius: 8px;
}
.splittedButton>a:hover {background: #64b100;}

.splittedButton .moreBt a { 
	position: absolute;
	top:  -2px;
	right:  0;
	width: 18px;
	height: 18px;
	z-index: 2;
	background: transparent url('../img/bg_bt_dropdown.png') no-repeat center -7px;
}
.splittedButton .moreBt a:hover {background: transparent url('../img/bg_bt_dropdown.png') no-repeat center -41px; }

.tabContent div:after, .content div:after{
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.tabContent div , .content div{display: inline-block;}
* html .tabContent div, * html .content div {height: 1%;}
.tabContent div, .content div {display: block;}


/* exeptions  ======== */
.center  {text-align: center}
.relative {position: relative;}
.topRight { position: absolute; top: 7px; right: 0;}
.noBorder { border:0;}
.noPadding {padding: 0;}
.bgGrey {background:#e8e8e8 }
.bgWhite{ background: #fff; }
.dashedTop {border-top: 1px dashed #000; padding: 15px 0 0 0;}
.greyBar {background:#e8e8e8; padding: 10px 20px; }
.huge {font-size: 3.5em; margin: 0; font-weight: bold;}
.bold{font-weight: bold;}
.italic{font-style: italic;
}

/* FOOTER ===================================================================== */
footer {
	font-size: 12px;
	border-top: 1px dashed #00805F;
	padding: 5px 10px 30px 10px;
	}
	
/* CLEARFIX ================================================================= */
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}




/* MEDIA QUERIES =============================================================== */

@media screen and (min-width : 1280px) {
/*#wrapper { background: url(../modelo.png) top left no-repeat; background-color: #eee}*/
}

@media print {
}
.debug {background-color: #9C9;}


/* OTHER ======================================================================= */
.odd {color: #000;}
.oddLine {background-color:#eeffff;}

.wrap {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.marked {background-color: #F0FFB0}

.commsRec {background-color:white; padding:2px; margin-bottom: 5px; font-weight:bold;}

.addthisevent-drop 						{display:inline-block;position:relative;z-index:999998;font-family:arial;color:#333!important;background: url(/static/img/icon-calendar-t1.png) no-repeat 9px 50%;text-decoration:none;color:#555;font-weight:bold;font-size:14px;text-decoration:none;padding:9px 12px 8px 35px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.addthisevent-drop:hover 				{color:#555;font-weight:bold;font-size:14px;text-decoration:none;cursor:pointer;}
.addthisevent-drop:active 				{top:1px;}
.addthisevent_dropdown 					{width:200px;position:absolute;z-index:99999;padding:6px 0px 0px 0px;background:#fff;text-align:left;display:none;margin-top:-2px;margin-left:-1px;border-top:1px solid #c8c8c8;border-right:1px solid #bebebe;border-bottom:1px solid #a8a8a8;border-left:1px solid #bebebe;-moz-border-radius:2px;-webkit-border-radius:2px;-webkit-box-shadow:1px 3px 6px rgba(0,0,0,0.15);-moz-box-shadow:1px 3px 6px rgba(0,0,0,0.15);box-shadow:1px 3px 6px rgba(0,0,0,0.15);}
.addthisevent_dropdown span 			{width:175px;display:block;line-height:110%;background:#fff;text-decoration:none;font-size:12px;color:#6d84b4;padding:8px 10px 9px 15px;}
.addthisevent_dropdown span:hover 		{background:#f4f4f4;color:#6d84b4;text-decoration:none;font-size:12px;}
.addthisevent span 						{display:none!important;}
.addthisevent-drop ._url,.addthisevent-drop ._start,.addthisevent-drop ._end,.addthisevent-drop ._summary,.addthisevent-drop ._description,.addthisevent-drop ._location,.addthisevent-drop ._organizer,.addthisevent-drop ._organizer_email,.addthisevent-drop ._facebook_event,.addthisevent-drop ._all_day_event {display:none!important;}
.addthisevent_dropdown .copyx 			{width:200px;height:21px;display:block;position:relative;cursor:default;}
.addthisevent_dropdown .brx 			{width:180px;height:1px;overflow:hidden;background:#e0e0e0;position:absolute;z-index:100;left:10px;top:9px;}
.addthisevent_dropdown .frs 			{position:absolute;top:5px;cursor:pointer;right:10px;padding-left:10px;font-style:normal;font-weight:normal;text-align:right;z-index:101;line-height:110%;background:#fff;text-decoration:none;font-size:9px;color:#cacaca;}
.addthisevent_dropdown .frs:hover 		{color:#6d84b4;}
.addthisevent 							{visibility:hidden;}

.trCorner {position: absolute;right: 10px;top: 10px; cursor:pointer;}
.brCorner {position: absolute;right: 10px;bottom: 10px; cursor:pointer;}
.brCornerL {position: absolute;right: 30px;bottom: 10px; cursor:pointer;}

.titleLine {background-color: #e8e8e8; font-weight: bold; padding: 4px 0;}

.pointer {cursor:pointer;}
.export {cursor:pointer;}
.navDetail {background:#e8e8e8; padding: 12px;font-size: 1.3em;}
select option {padding: 1px; margin: 1px; }