body {
    /*font-size: .85em;*/
    font-size: .75em;
    font-family: Open Sans, "Segoe UI", Verdana, Helvetica, Sans-Serif;
    /*color: #232323;*/
    color: #444;
    background-color: #e5e5e5;
    /*background-color: #fff;*/
}

header, footer, nav, section {
    display: block;
}

a {
    text-decoration: none;
    font-weight: 500;
    color: #3366FF ; /*#31337f;*/
}

a:visited {
    color: #3366FF ;/*#5e81b4;*/
}

a:hover {
    color: #3399FF;/*#89a3cd*/ /*#92d2ef;*/
}


div#NeliotaContainer {
    background-color: #fff;
    border: 0 solid blue;
    height: auto;
    margin: 0 auto;
    position: relative;
    text-align: center;
    min-width: 750px;
    max-width: 1006px;      
}

div#content p {
    text-align: justify; text-indent: 2em; margin-right: 2em;
}

DIV#header DIV.title, DIV.item H3, DIV.item H4, DIV.pager A {
font: bold 1em "Arial Narrow", "Franklin Gothic Medium", Arial;
}
DIV#header { background-image: url("./images/banner.jpg"); height: 122px; width: 1000px; border-bottom: 1px solid silver; }
DIV#header DIV.title { font-size: 2em; padding: .8em; }

/*DIV#content { border-left: 1px solid silver; margin-left: 9em; padding: 1em; margin-right: .2em; text-align: left}*/
DIV#content { 
    /*border-left: 1px solid silver;*/
    margin-left: 15em; 
    /*border-right: 1px solid silver;*/ 
    margin-right: 19em; /*13εμ*/
    padding: .2em 1em 1em 1em;
    text-align: left;   
    min-height: 700px;
    min-width: 480px;    
}
/* In order to increase right column width, increase the margin-right in DIV#content above
     and also increase width for DIV#rightcolumn below */
/*DIV#leftcolumn { float: left; width: 8em; padding: .3em; }*/
DIV#leftcolumn { float: left; width: 14em; padding: .3em; text-align: left }
DIV#rightcolumn { float: right; width: 18em; padding: .3em;text-align: center;margin: auto;}

/* Articles */
div.membersDiv div.item {
    text-indent: 0;
    width: 130px
}

div.membersDiv div.item img {
    border: none;
    display: block;
    /*margin: 0 auto;*/
}

/*div.membersDiv div.item div.caption {    
    display: block;
    margin: 0 auto;
}*/

div.membersDiv div.item p {
    display: block;
    margin: 0 auto;    
}

div.articlesContainer div.item {
    /*border-top: 1px dotted gray;*/    
    background: #f5f5f5; /*background: #f1f1f1;*/ /*#e7e7e7*/   
    padding-top: .3em;
    padding-left: .9em;
    padding-bottom: .2em;
    margin-bottom: 1.5em;   
    display: inline-block
}

/* Event Statistics Page */
div.eventStatsContent div.item {
    padding-top: .3em;
    padding-left: .9em;
    padding-bottom: .2em;
    margin-bottom: 1.5em;
}

/* Archive pages */
div.archiveContent div.item, div.outreachContent div.item {
    padding-top: .3em;
    padding-left: .9em;
    padding-bottom: .2em;
    margin-bottom: 1.5em;
}

.outreachContent p {
    text-indent: 0;
}

div.item img.left {
    padding: .3em 1.7em 1em .3em;
    float: left;
}

div.item img.right {
    padding: .3em .3em 1em 1.7em;
    float: right;
}

DIV.item_clear {
    /*border-top: 1px dotted gray;*/        
    padding-top: .3em;
    padding-left: .4em;
    padding-bottom: .2em;
    margin-bottom: .4em;    
}

DIV.item:first-child, DIV.item_clear:first-child { border-top:none; /*padding-top: 0;*/ }
DIV.item H3, div.item_clear H3 { font-size: 1.3em; margin: 0 0 .25em 0; }
DIV.item H4, div.item_clear H4 { font-size: 1.1em; margin:.4em 0 0 0; }

/***        WIDGET      ***/
div.widget-content {
    width: 96%;              
}
/*div#widget-content .title {
    margin-top: .1em;
    font: bold 1.2em "Arial Narrow","Franklin Gothic Medium",Arial; 
    padding: .4em; color: white;
    background-color: #5e81b4;
}*/
.widget-title {
    margin-top: .2em;    
    font: bold 1.2em "Arial Narrow","Franklin Gothic Medium",Arial; 
    padding: .4em .4em .1em .4em; color: #465676;/*white;*/
    /*background-color: #5e81b4;*/
    /*background-color: #202f46;*/
    /*background-color: #465676;*/
}

.widget-content p {
    /*text-align: justify; text-indent: .3em;*/
    text-align: left;
}


/* FAQ */
.faqContainer
{}

.faqContainer p {
    text-indent: 0;
    text-align: justify
}


/***** CART ****/
DIV#cart { color: #333; background-color: #f5f5f5; padding: .5em .3em 1em .3em; border: 1px dotted #465676 /*border: 1px dotted #555*/}
div#cart .content { margin-bottom: 1.2em }
DIV#cart A { text-decoration: none; padding: .4em 1em .4em 1em; line-height:2.1em;
    margin-top: 2em; background-color: #333; color:White; border: 1px solid black;}
DIV#cart A:hover { background-color: Silver;color: #333; }

div#cartContainer A {
    color:White; background-color: #333; border: 1px solid black; cursor:pointer;padding: .2em .9em;
}

span#eventNameLink {text-decoration: none;
    font-weight: 500;
    color: #31337f;background-color: white;border: none;}

span#eventNameLink a {
    text-decoration: none;
    font-weight: 500;
    color: #31337f;
    background-color: white;
    border: none;
}

span#eventNameLink a:visited {
    color: #465676;/*#5e81b4;*/
    background-color: white;
    border: none;
}

span#eventNameLink a:hover {
    color: #89a3cd; /*#92d2ef;*/
    background-color: white;
    border: none;
}

/***        PAGER         ***/
DIV.pager { text-align:center; border-top: 2px solid silver;
padding: .5em 0 0 0; margin-top: 1em; }
DIV.pager A { font-size: 1.1em; color: #666; text-decoration: none;
padding: 0 .4em 0 .4em; }
DIV.pager A:hover { background-color: Silver; }
DIV.pager A.selected { background-color: #353535; color: White; }


/* Sorting UI for smartLink View*/
a.sortAsc {
    padding-right: 26px;
    background-image: url(./images/arrow_up.png);
    background-position: right;
    background-repeat: no-repeat;
}

a.sortDesc {
    padding-right: 26px;
    background-image: url(./images/arrow_down.png);
    background-position: right;
    background-repeat: no-repeat;
}


/*   header spacer from main content area */
div#HeaderContentSpacer {
    height: 1.5em;
    padding-top: .5em;
    border-bottom: 1px dotted silver;    
}

div#HeaderContentSpacer div.topUserProfile 
{ 
    float: left; padding-left: 0.2em; font: bold 0.9em Open Sans, "Segoe UI", Verdana, Helvetica, Sans-Serif;
    position: relative;
    top: -4px;
    display: block;
}
/*font: bold 0.9em "Arial Narrow", "Franklin Gothic Medium", Arial;*/
div#HeaderContentSpacer div.toplinks 
{ 
    float: right; padding-right: 0.2em; font: bold 0.9em Open Sans, "Segoe UI", Verdana, Helvetica, Sans-Serif;
    display: block;  font-weight: 700 
}

div.toplinks a {
    padding: .5em
}

/*div.toplinks a:visited {
    color: #5e81b4;
}

div.toplinks a:hover {
    color: #92d2ef;
}*/



/* Navigation Menu */
DIV#leftcolumn A
{
font: bold 1em "Arial Narrow","Franklin Gothic Medium",Arial; display: block;
text-decoration: none; padding: .5em; color: Black;
border-bottom: 1px solid silver;
}
DIV#leftcolumn A.selected {background-color: #336699;/*#4b6d9f;*//*#465676;*/ /*#5e81b4;*/ color: White; }
DIV#leftcolumn A:hover { background-color: #336699;/*#4b6d9f;*//*#465676;*/ /*#5e81b4;*/color: white;}
DIV#leftcolumn A.selected:hover { background-color: #3399FF; /*#89a3cd;*//*background-color: #92d2ef;*/ }

DIV#leftcolumn div.leftColumnOtherLinks {
    border-top: 2px dotted #5e81b4; border-bottom: 2px dotted #5e81b4; padding-top: 1em;    
}

#nav ul{
    display : none;
    list-style-type: none;
    list-style: none;     
}

#nav li {
    list-style-type: none;
}

#nav li:hover > ul{
    display : block;      
}



/*** ARCHIVE PAGE - Detected events ***/

/*tr:nth-child(even) {
    background-color: #powderblue;
}*/

div#DetectedEventsContainer div.eventContainer {
    padding-bottom: .8em;
    /*border-bottom: 1px dotted gray;}*/
}

div#detectedEventDetailsContainer {
    margin: 0; padding: 0;
}

div#detectedEventDetailsContainer form { float: right; }
div#detectedEventDetailsContainer input { color:White; background-color: #333; border: 1px solid black; cursor:pointer; }

.event-data-header {
    text-align: center;
    font-weight: bold;
    color: #626773;
    background-color: #e7e5e5;
}

.eventsTable-data-header {
    background-color: #b05a5a; 
    padding: .1em;
    text-align: center;
}

table#eventsTable td { padding-top: .7em;padding-bottom: .2em;padding-left: .2em; padding-right: .2em}

/*table#eventsTable th { padding-top: .5em;padding-bottom: .5em;padding-left: .1em;padding-right: .1em; background-color: #89a3cd; text-align: center; color: #ffffff }*/
table#eventsTable th { padding-top: .5em;padding-bottom: .5em;padding-left: .1em;padding-right: .1em; background-color: #465676; text-align: center; color: #ffffff }
table#eventsTable th a { font-weight: bold;color: #89a3cd; }
/*#465676*/

table#eventsTable th a {font-weight: bold}
table#eventsTable th a:hover {color: white}

table#eventsTable tr:nth-child(even) {background: #CCC}
table#eventsTable tr:nth-child(odd) {background: #FFF}

/******************* User Profile **************************/
table.userProfile {        
}

table.userProfile td {
    padding: 1em .5em .5em 0em;
    
}

table.userProfile td A
{
font: bold 1.2em "Arial Narrow","Franklin Gothic Medium",Arial; display: block;
text-decoration: none; padding: .9em;color: #465676; /*#5e81b4;*/
border-top: 1px solid silver;
border-bottom: 1px solid silver;
}
table.userProfile td A.selected { background-color: #465676; /*#5e81b4;*/ }
table.userProfile td A:hover { background-color: #465676; /*#5e81b4;*/ color: White; }
table.userProfile td A.selected:hover { background-color: #89a3cd; /*#92d2ef;*/ }


/******************* Detected Event ********************/
div#eventTitleDiv {
    font-size: 14pt;
    font-weight: bold;
}


/************** FOOTER styles ***************/

div#footer { background-color: #fff; border-top: 1px solid silver; margin-top: 10px;padding-top: .5em;min-height: 50px; }
div#footer div.content {font-weight: bold; font: .80em "Arial Narrow", "Franklin Gothic Medium", Arial; padding: .6em;margin-top: 1.2em; text-align: center; }
div#footer div.footer-left { float: left; background-image: url("./logos/eesa.png"); height: 50px; width: 90px;margin-top: .4em;margin-left: .5em; background-repeat: no-repeat}
div#footer div.footer-right { float: right; background-image: url("./logos/iaasars_small.png"); height: 50px;width: 90px; background-repeat: no-repeat}



/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label-span {
    margin: 1em .2em 0 0;    
}

.editor-field-span {
    margin: 0.5em .7em 0 0;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

/******* Registration *************/

div#registration-form {
    margin-bottom: 3em;
    padding: 1em 2em 1em 0;  
}

/********************     Message classes     *******************/
.info .success .warning .error .validation {
    border: 1px solid;
    margin: 10px 0;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.info {
    border: 1px solid;
    margin: 10px 0;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #00529B;
    background-color: #bde5f8;
    background-image: url(./images/info_icon.png)
}

.success {
    border: 1px solid;
    margin: 10px 0;
    padding: 15px 10px 15px 50px;
    background-position: 10px center;
    color: #4f8a10;
    background-color: #dff2bf;
    background-image: url(./images/success_icon.png);
    background-repeat: no-repeat;
}

.warning {
    border: 1px solid;
    margin: 10px 0;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #9f6000;
    background-color: #feefb3;
    background-image: url(./images/warning_icon.png)
}

.error {
    border: 1px solid;
    margin: 10px 0;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #d8000c;
    background-color: #ffbaba;
    background-image: url(./images/error_icon.png)
}