body
{
    background: #e2e2e2 url(../images/header_outerr.png) repeat-x ;
    color: #000000;
    font-family: arial, helvetica, sans-serif;
    text-align: justify;
    font-weight: normal;
    font-size:98%;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;

}

#all
{
    color: #000000;
    border:solid 0px ;
    padding-top:0px;
    /*font-size: 95%;*/
}


a:link,
a:visited
{
    color:#095197;
}

a:hover,
a:active,
a:focus
{
    background:#095197;
    color:#FFF;
}

input:focus
{
    border:solid 2px;
}

fieldset
{
    border:solid 0px #ccc;
}

.article-info
{
    color:#444;
}

.article-info dd span
{
    color:#444;
    border-right:solid 0px;
    background:#eee;
}

#logo span
{
    color:#fff;
    padding-left:50px;
    font-size:0.3em !important;
    text-transform:none;
    /*font-family:arial, sans-serif;*/
}

#header
{
    font-size:1em;
    margin-top: 30px;
}

#logo
{
    width: 350px;
    height: 85px;
}

#logodiv
{
    display: inline-block;
    margin-bottom: 15px;
}

#logodiv a:hover, a:active, a:focus
{
    background:transparent;
    color:#FFF;
    text-decoration: none;
}

#line
{
    display: inline-block;
    float: right;
    margin-top:10px;
}


#project_title
{
    text-align: center; color: #001d40;font-size:1.4em;line-height:1.7em;margin:15px;margin-top:30px;letter-spacing:+0.5px;
    font-style: italic;/**/ font-weight: bolder; color: #320000;font-family: 'Archivo Black', sans-serif;
}
/* ++++++++++++++  lists, skiplinks  ++++++++++++++ */

#header ul.menu
{
    font-size:1em !important;
    /* top:62px;left:0px;top:5em; */
    padding: 0px 0px 0px 0px;
    background-color: transparent;
    border:0 ;
    display:block;
    width: 100%;
    margin:0;
    padding:0;

}

#header ul.menu li
{
    border:0; 
    margin:0;
    /*margin-right:1px;*/
}


#header ul.menu li a:link,
#header ul.menu li a:visited
{
    color:#ffffff;
    border:0 ;
    margin:0px 0 0 0 ;
    padding:15px 17px 28px 17px;
    background: #000000;
    display:inline-block;
    border-radius:18px 18px 0 0;
    -moz-border-radius:18px 18px 0 0;
    -webkit-border-radius:18px 18px 0 0;
  margin-right:1px;
}

#header ul.menu li a:hover,
#header ul.menu li a:active,
#header ul.menu li a:focus
{
    background:#ffffff;
    color:#000000;
}

#header ul.menu li.item-435 a:link
{
  /*amir Home*/
  padding:17px 0px 28px 0px;
  width:100px;
  text-align:center;
}

#header ul.menu li.item-469 a:link
{
  /*amir Project partners*/
  padding:17px 0px 28px 0px;
  width:230px;
  text-align:center;
}

#header ul.menu li.item-470 a:link
{
  /*amir Events*/
  padding:17px 0px 28px 0px;
  width:110px;
  text-align:center;
}

#header ul.menu li.item-471 a:link
{
  /*amir Publications*/
  padding:17px 0px 28px 0px;
  width:170px;
  text-align:center;
}

#header ul.menu li.item-473 a:link
{
  /*amir Software*/
  padding:17px 0px 28px 0px;
  width:140px;
  text-align:center;
}

#header ul.menu li.item-468 a:link
{
  /*amir Contact*/
  padding:17px 0px 28px 0px;
  width:120px;
  text-align:center;
}

#header ul.menu li.item-472 a:link
{
  /*amir Gallery*/
  padding:17px 0px 28px 0px;
  width:124px;
  text-align:center;
  margin-right:0px;
}


#header ul li.active a:link,
#header ul li.active a:visited
{
    color:#000000;
    background:#ffffff;
}

#header ul.skiplinks
{
    width:100%;
    text-align:left;
    background:none;
    z-index:20000;
    top:0;
    display:inline;
    padding:0;
}

#header ul.skiplinks li a.u2:active,
#header ul.skiplinks li a.u2:focus
{
    background:#095197 !important;
    color:#fff !important;
    border:solid 1px;
    top:0 !important;
    z-index:10000;
    right:auto;
    left:0 !important;
    display:block;
}

/* ++++++++++++++  fontsize  ++++++++++++++ */

#fontsize
{
    display:inline-block;
    font-size:0.9em !important;
}

#fontsize p a:link,
#fontsize p a:visited
{
    color:#2e2a2a;
    border-right:solid 1px #ccc;
}

#fontsize p a.larger,
#fontsize p a.reset,
#fontsize p a.smaller
{
    padding-left:5px;
    padding-right:5px;
    text-decoration:none;
    margin:0;
}

#fontsize p a:hover,
#fontsize p a:active,
#fontsize p a:focus
{
    background-color: transparent !important;
    color:#2e2a2a;
  
}

#fontsize h3
{
    color:#2e2a2a;
    font-weight:bold;
}

#login_button
{
    position: fixed;
    top:0%;
    margin-left: 100%; 
    margin-bottom: 5px;
    left: -70px;
    padding: 4px 25px;
    border-radius:15px 0px 0px 15px;
    -moz-border-radius:15px 0px 0px 15px;
    -webkit-border-radius:15px 0px 0px 15px;
    z-index:1000;
}

.login_button a
{
  text-decoration: none;  
  color:#000000;
}

.login_button a:hover,
.login_button a:active,
.login_button a:focus
{
    background-color: transparent !important;
    color:#000000;
}

/*********** partners page************/

.partner-partition
{
    font-family:Arial, Helvetica, sans-serif;
    text-align: justify;
    font-weight: normal;
    font-size:97%;
    margin: 20px 30px;
    padding: 30px;
    border:1px solid #dfdfdf;
    overflow:hidden; 
    -webkit-border-top-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.software-section
{
    font-family:Arial, Helvetica, sans-serif;
    text-align: justify;
    font-weight: normal;
    font-size:96%;
    margin: 20px 20px;
    padding: 10px;
    border:1px #dfdfdf;
    overflow:hidden; 
  background-color:#F7F7F8;
  background-color:#F3F4F5;
   /* border-top-left:1px solid #dfdfdf;
  border-left:1px solid #dfdfdf;
    -moz-border-radius: 10px;
    border-radius: 10px;
  -moz-box-shadow: 3px 3px  1px #888888;
box-shadow: 3px 3px  1px #888888;
  */
  /************/
    -moz-border-radius: 30px 0;
    border-radius: 30px 0;
}

div.software-section a:hover { 
text-decoration: none;
 background-color: #F7F7F8; 
  color:#CC0000;
}

.logo_link
{
    text-decoration:none;
    float:left;
    
}

.partner-partition a:hover, a:active, a:focus
{
    background:transparent;
    color:#FFF;
    text-decoration: none;
}

.logo_img
{
    width: 100px;
    height: 100px;
    margin: 0 10px 20px 10px;
}

#consortium_img
{
    width: 70px;
    height: 70px;
    margin: 0 10px 0px 5px;
}

.left
{
    float: left;
    width: 85%;
}

/*********** end of partners page************/

/****************** events page ***************/
#rss
{
    top: -15px;
    position: relative;
    margin: 5px 0px 5px 1px;
    float: right;
}

.news_date
{

    font-weight: bold;
    color: #320000;
    margin-bottom: 5px;
    margin-top:25px;
}

.news
{
    padding-left: 10px;
    text-align: left;
    font-size:96%;
}

.news img
{
    margin-right: 5px;
}



/****************** end of events page ***************/

/****************** public announcement section ***************/

.press_link img.announce
{
    text-decoration:none;
    width: 20px;
    height: 20px;
    margin: 0px;
    left: -25px;
    position: relative;
}

.press_link
{
    list-style: none;
    font-size: 0.8em;
    margin: 0px;
    padding: 0px;
}
.press_link a
{
    left: -25px;
    position: relative;
    margin: 0px;
    padding: 0px;
}

/****************** end of public announcement section ***************/

/****************** gallery page ***************/

.galleryBlock
{
    display:inline-block;
    margin: 10px;
    padding: 10px;
    width: 350px;
    background-image: url('../images/gallery_back.png'); 


}

.galleryBlock2
{
    display:inline-block;
    margin: 10px;
    padding: 10px;
    width: 350px;
    background-image: url('../images/gallery_back.png'); 
    float:right;

}
.galleryPicture
{
    width: 100px;
    height: 100px;
    font-size:85%;
}

.withoutBullet
{
    list-style-type: none;
}

.center
{
    margin : 0px auto;
    width: 100px;
}

.image_caption
{
    text-align: center;
    width: 350px;
    font-size:85%;
}



/****************** end of gallery page ***************/

/****************** publication section ***************/

#publication_categories
{
    margin-top: 10px;
    width: 22%;
    float: left;
    margin-right: 5px;
}

#vertical_menu
{
    width:100%;
    margin:0;
    padding:0;
}

#vertical_menu li
{
    /*display:inline;*/
    margin:0px;
    left: 0;
    top: 0;
    float:left;
    position:relative;
    list-style: none;
    margin-top:5px;
    margin-bottom:5px;
    width: 98%;
}

#vertical_menu li a
{
    text-decoration:none;
    color:#000;
    padding: 10px 5px;
    display: block; 
    border-radius:0 40px 40px 0;
    -moz-border-radius:0 40px 40px 0;
    -webkit-border-radius:0 40px 40px 0;
    background-image:url('../images/button_background.png');
    /*border-bottom: 3px solid #999696;*/
    box-shadow: 3px 3px 5px #888888;
    width: 85%;
}

#vertical_menu li a.selected
{
    /*border-bottom: 1px solid #696969;*/
    box-shadow: 5px 5px 5px #888888;
    font-weight: bold;
    background-image:url('../images/selected_button.png');
    width: 98%;
}

/*ul#list-nav li a:hover*/
#vertical_menu li a:hover
{
    background-image:url('../images/over_button.png');
    font-weight: bold;
    color:#30109d;
}

.publication_content
{
    width: 77%;
    float: left;
    border-left: 1px solid #d5d4d4;
    min-height: 350px;
    font-size:98%;
}

.pub_title
{
    font-size:1.9em !important;
    font-style: italic;
    font-weight: bold;
    margin: 10px;
    text-align: center;
}

.pub_year
{
    font-family:Arial, Helvetica, sans-serif;
    text-align: left;
    font-weight: bold;
    font-size:1.5em !important;
    margin: 40px 5px 0px 15px;
}

.pub_month
{
    font-family:Arial, Helvetica, sans-serif;
    text-align: left;
    font-weight: bold;
    font-size:1.25em !important;
    margin: 30px 5px 0px 15px;
}

.pub_item
{
    font-family:Arial, Helvetica, sans-serif;
    text-align: left;
    font-weight: normal;
    font-size:98%;
    margin: 20px 5px 0px 15px;
}

.paragraph
{
    font-family:Arial, Helvetica, sans-serif;
    text-align: left;
    font-weight: normal;
    font-size:98%;
    margin: 10px 5px;
    padding: 10px;
}

.inline
{
    display:inline;
}


/****************** end of publication section ***************/

/* ++++++++++++++  search  ++++++++++++++ */
#header form,
#header form .search,
#header form .finder
{
    display:inline;
    padding-right:1px;
}


#header form .inputbox
{
    background:url(../images/header-bg.gif) repeat-x;
    border:solid 1px #ccc;
    border-bottom:0;
    border-right:0;
    padding:5px;
}

#header form .inputbox:focus
{
    border:solid 2px #000;
}

#header form .button
{
    border:solid 0px #ddd;
    /*background:#ccc url(../images/personal/button.png);
    color:#333;
    padding:4px !important;*/
    height:26px;
    width:26px;
    position:relative;
    top:10px;
}

/* ##########################  contentarea  ########################### */

#contentarea,
#contentarea2
{
    background:#fff;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

/* ##########################  breadcrumbs  ########################### */

#breadcrumbs
{
    color:#333;
}

#breadcrumbs span
{
    color:#333;
}

#breadcrumbs span a:link,
#breadcrumbs span a:visited
{
    background:#fff;
    color:#333;
}

#breadcrumbs span a:hover,
#breadcrumbs span a:active,
#breadcrumbs span a:focus
{
    background:#095197;
    color:#fff;
}


/************************** newsticker ***************************/

.newsticker-jcarousellite { width:320px; margin: 5px; color: #000000; font-size: 0.9em;}
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:4px; margin-bottom:0px; height:45px; }
.newsticker-jcarousellite .thumbnail { float:left; width:40px; height: 40px; }
.newsticker-jcarousellite .info {margin-left:5px; float:left; width:250px; margin-top:15px;}

.newsticker-jcarousellite ul li img
{
    height: 40px;
    width: 40px;
}

/* ##########################  search   ########################### */

.searchintro img
{
    border:0px;
}

.inputbox:focus
{
    border:solid 2px #000;
}

.word
{
    background:#fff;
    border:solid 0px #ccc ;
}

.word input
{
    border:solid 1px #ddd;
    background:url(../images/content_bg.gif) repeat-x;
    color:#333;
}

.only
{
    border:solid 1px #ccc;
}

.phrases
{
  color:#000;
  border:solid 1px #ccc;
}

/* ++++++++++++++  selects  ++++++++++++++ */
.phrases .inputbox
{
  background:#fff;
  color:#000;
}

.phrases .inputbox option
{
  background:#f5f5f5;
  border-bottom:solid 1px #ccc;
}

.phrases .inputbox option a:hover
{
  background:#C00;
  border-color:#CFD0D6;
  color:#fff;
}

/* ++++++++++++++   search results  ++++++++++++++++++ */

dl.search-results
{
  background:#f5f5f5;
}

dl.search-results dt.result-title
{
  border-top:dotted 1px #ddd
}

dl.search-results dd.result-url
{
  border-bottom:solid 5px #fff;
  color:#115599;
}

dl.search-results dd.result-created
{
  border-bottom:solid 5px #fff;
}

/* ##########################  forms   ########################### */


/* ++++++++++++++  form validation  ++++++++++++++ */

.invalid
{
  border-color:red !important;
}

label.invalid
{
  color:red;
}


/* ##########################  user profile  ########################### */
#users-profile-core,
#users-profile-custom
{
  border:solid 1px #ccc;
}

#member-profile fieldset
{
  border:solid 1px #ccc;
}


/* ##########################  contacts   ########################### */

.contact form
{
  background:#fff;
  color:#000;
}

.contact input
{
  background:#fff;
  color:#000;
}

.contact .button
{

}

.contact input.invalid,
.contact textarea.invalid
{
    border:solid 2px red;
}

.contact label.invalid
{
    color:red;
}


/* ++++++++++++++  Error Message contact form  ++++++++++++++ */

p.error
{
    color:#044b63;
    background:#eee;
    border-top:3px solid #044b63;
    border-bottom:3px solid #044b63;
}

body.contentpane
{
    background:#fff;
}

/* ##########################  footer   ########################### */

#footer
{
    /*  background:url(../images/footer_bg.gif) repeat-x;*/
    background:#000000;
    color:#fff;
    margin : 0px auto 120px auto;
}


#footer a
{
    color: #00d7ff;
}

#bottom a img
{
    border:0;
}

#bottom  ul li a
{
    background-image:none;
    padding-left:0;
}

/* ++++++++++++++  tooltip  ++++++++++++++ */

.tip
{
  border:solid 1px #333;
  background:#ffffcc;
}