body, td, th, input { /* redundant rules for bad browsers  */
    font-family: verdana, sans-serif;
    voice-family: "\"}\"";
    voice-family: inherit;
    font-size: 13px;                                                          
}

body {
    background: #fff;
    color: #333;
    min-width: 610px;
    margin: 0 0 1em 0;
    padding: 0; /* need for Opera */
	
}

h1, h2, h3, h4, h5, h6 {
    font-family: verdana, sans-serif;
    margin: 1em 0 0.2em 0;
}

li h1, li h2, li h3, li h4, li h5, li h6 {
    border: none;
}

ul li {
    padding-top:0px;
    padding-bottom:0px;
    margin:0px;
}

#requirements ul {
    margin:0px;
}

img {
    border: 0;
}

#header h1 { border: 0; }

h1 { font-size: 160%; font-weight: normal; }
h2 { font-size: 150%; font-weight: normal; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }
h5 { font-size: 90%; }
h6 { font-size: 90%; border: 0; }
    
/* Navigation */

:link { color: #039; }
:visited { color: #636; }
:link:hover, :visited:hover { color: #333; text-decoration: underline;  }
:link:active, :link:active { color: #000; }

.clear {
    clear: both;
}
 
.clear-right {
    clear: right;
}

.clear-left {
    clear: left;
}    

p {
    margin: 5px;  
}

#header {
    background: #000000;
    position: relative;
    height: 130px;
    padding: 0 0px;
    border-bottom: 1px solid #a1a6b1;
}

#header h1 { margin: 0 720px 0 0;    }

#header h1 img {
    font-weight: bold;
    color: #7f7c45;
}

#header ul {
    position: absolute;
    top: 0;
    right: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    border-left: 1px solid #576178;
    border-right: 1px solid #1f2635;
} * html #header ul { right: 50px; } 

#header li {
    float: left;
    margin: 0;
    padding: 0;
}

#header ul span, #header ul a:link, #header ul a:visited {
    display: block;
    float: left;
    padding: 10px 15px;
    text-decoration: none;
    border-right: 1px solid #576178;
    border-left: 1px solid #1f2635;
    color: #dee0e5;
    height: 36px;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 16px;
} #ignored {}

#header ul li span,
#header ul li a.current,
#header ul li a:hover {
    background: #475470;
    color: #fff;
    text-decoration: underline;
}

#header ul li span,
#header ul li a.current {
    text-decoration: none;
}
                  
#header_content {
    width: 980px;
    margin: auto;
}

/* page title */

#page-title {
    background: url("/img/esam/common/bg-header-thin.jpg") repeat-x 50% 0;
}

#page-title div, #container {
    max-width: 980px; 
    margin: auto;
    padding: 2px 10px;
}

#container { 
    padding-top: 0; 
    min-width: 980px;
    }

#page-title div {
    height: 120px;
} body>#page-title div { height: auto; min-height: 120px; }

#page-title div h2 {
    margin: 0;
    padding-top: 0px;
    border: 0;
    font-size: 280%;
        font-weight: bold;
    color: #031c90;
}
#xpage-title div h2 {
    margin: 0;
    padding-top: 0px;
    border: 0;
    font-size: 180%;
    font-weight: bold;
    color: #031c90;
    vertical-align: middle;
}

#page-title.thunderbird div h2 {
    color: #0a4e96;
}

#page-title div h2 img {
    border: 0;
    vertical-align: middle;
}

#page-title p {
    font-weight: bold;
    color: #3C475B;
    margin: 0 0 10px 61px;
        padding-left: 1em;
    width: 50%;

}

/* Override right margin for rtl langs */
#page-title div h2, #page-title div p{
    margin-right:500px;
}

#content-right {
    width:82%;
    float:right;
}

#content-right a {
    text-decoration: none;
}

#content-right a:hover {
    text-decoration: underline;
}

.xgooglead
{
	margin-left: 170px;
	padding-left: 20px;
	padding-top: 20px;
    	background: url(../img/esam/left-top-corner-box3.jpg) top left no-repeat;
}

.vendiv
{
	float: right;
	padding: 10px;
	margin: 0px;
    	/*background: url(../img/esam/right-top-corner-box3.jpg) top right no-repeat*/;
}

.vendiv4 table
{
      padding: 0px;
      margin: 0px;
      text-align: center;
      vertical-align: middle;
      width: 181px;
	height: 30px;
}



.vendiv3 {
        float: right;
}

.vendivborder
{
	float: right;
	border: 1px;
	border-color: #CBCBE3;
	padding: 10px;
	margin: 0px;
	border-style:solid;
}

.vendiv2 a {
  	text-decoration: none;
}

.bottomborder {
    background: url(../img/esam/left-bottom-corner-box3.jpg) bottom left no-repeat;
}


/* LOGIN PAGE */

#login {
    width: 40%;
    margin:20px auto auto;
}

#login_options {
    float: right;
    text-align: right;
}

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

#login input {
    float: right;
}

/* addon features */

.divider-bottom,
.bookmarkaddon-feature {
    margin-bottom: 1.5em;
    padding-bottom: 10px;
}

#primary-feature {
    margin-top: 2em;
}

.addon-feature h2 {
    font-weight: bold;
    margin: 0 0 5px 0;
}

.eula {
    font-size: 75%;
}

.addon-feature h2 span {
    font-weight: normal;
    font-size: 80%;
}

.addon-feature h3,
.bookmarkaddon-feature h3 {
    margin: 0 0 10px 0;
}

.addon-feature h4,
.bookmarkaddon-feature h4 {
    margin: 0 0 10px 0;
}

.addon-feature h4 span,
.bookmarkaddon-feature h4 span {
    font-weight: normal;
}

.addon-feature h1 span {
    font-size: small;
}

.addon-feature h1 span.author {
    font-size: smaller;
}

.addon-feature .search-result-image {
    float: right;
    margin: 10px 0 5px 10px;
}

.addon-feature .addon-feature-image,
.bookmarkaddon-feature .addon-feature-image {
    float: right;
    margin: 0 0 5px 5px;  
    background: url(http://addons.eventscripts.com/img/esam/right-top-corner-box3.jpg) no-repeat; 
    }

.addon-feature-image {
    font-weight: bold;
}

.preview-image a {
    text-decoration: none;
    text-align: center;
    display: block;
    font-size: smaller;
}

.addon-display .preview-image {
    float: right;
}

.addon-display .version-and-date {
    font-size: smaller;
}

.addon-feature .addon-feature-text {  }
.bookmarkaddon-feature .addon-feature-text { margin-left: 190px; }

.addon-feature a, .bookmarkaddon-feature a { color: #031c90; }
.addon-feature a:visited, .bookmarkaddon-feature a:visited { color: #031c90; }
.addon-feature a:hover, .bookmarkaddon-feature a:hover { color: #333; text-decoration: underline; }

.addon-feature .addon-feature-header { min-height: 55px; }
.addon-feature .addon-feature-header .addon-feature-icon{ float: left; margin-right: 7px; }
.addon-feature .addon-feature-header .addon-feature-name { margin: 0; padding: 4px 0; }
.addon-feature .addon-feature-header .addon-feature-developer { margin: 0; padding: 0; }
.addon-feature .addon-feature-header .addon-feature-developercomments { margin: 0; padding: 10px; font-size:11px;}
.addon-feature .addon-feature-header .addon-feature-download { 
margin: 0; padding: 10px; font-size:14px;
}
.addon-feature .addon-feature-tagline { margin: 0; padding: 0; font-style: italic;}

.addon-feature-download {
padding:20px;text-align:left;
background: url(/img/DownloadPearlButton3.png) left no-repeat;
}

.recommended a, .recommended a:visited { color: #031c90; }
.recommended a:hover { color: #333; text-decoration: underline; }

.bookmarkstitle {
    height: 27px;
    padding: 5px 0 0 35px;
}

/* corner box */

.corner-box {
/*    background: url(/img/esam/left-top-corner-box3.jpg) top left no-repeat;*/
    margin: 0 0 10px 0;
    padding: 12px 0 5px 15px;
}

.corner-box h2, h3 {
    margin-top: 0;
}


/* various lists */

.category-block {
    overflow: hidden;
}

.category-list {
    margin-top: 1em;
    padding: 0 1em;
    min-width: 150px;
    border-left: 1px solid #eee;
    font-weight: bold;
    font-size: .9em;
    float: left;
}

.compact-list {
    font-size: 80%;
    font-weight: bold;
    min-width: 40%;
    float: left;
}

.category-list ul,
.compact-list ul {
    margin: 0;
    padding: 0;
}

.category-list ul li,
.compact-list ul li {
    list-style: none;
}
                
.category-list a:link,
.category-list a:visited,
.compact-list a:link,
.compact-list a:visited {
    text-decoration: none;
}

.compact-list span {
    font-size: smaller;
}

/* menu box */

.menu-box {
    background: url(/img/esam/menu-box/menu-box-top.png) top left no-repeat;
    font-weight: bold;
    margin-bottom: 15px;
    width: 160px;
}

.menu-box ul {
    background: url(/img/esam/menu-box/menu-box-bottom.png) bottom left no-repeat;
    list-style-type: none;
    margin: 0;
    padding: 4px 0;
}

.menu-box ul li a:link,
.menu-box ul li a:visited,
.menu-box ul li span,
.menu-box ul.allmenu li {
    display: block;
    width: 140px;
    margin: 0;
    padding: 8px 8px;
    text-decoration: none;
}

.menu-box ul li {
    background: url(/img/esam/menu-box/menu-box-background.png) 0 0 no-repeat;
}

.menu-box ul li span,
.menu-box ul li.selected {
    background: url(/img/esam/menu-box/menu-box-background.png) -400px 0 no-repeat;
}

.menu-box ul li a:hover,
.menu-box ul li a:active,
.menu-box ul li.error {
    background: url(/img/esam/menu-box/menu-box-background.png) -200px 0 no-repeat;
}

.menu-box ul li.indented {
    text-indent: 1em;
}

/* footer */

#doc-links a,
#switch-links a,
#tool-links a {
    padding: 0 1em;
}

#footer {
    background: url(/img/esam/footer/disclaimer.png) top repeat-x;
    clear: both;
    color: #888;
    font-size: smaller;
    margin: 0;
    padding: 11px 0;
    text-align: center;
}

#footer-contents {
    margin: 10px ;
    width: 850px;
}

#footer ul {
    margin: 1.5em 0;
}

#footer ul li {
    display: inline;
    margin: 0 0.5em;
}

#footer-addons-menu {
    font-size: 110%;
    padding: 0;
}

#footer-addons-menu li {
    white-space: nowrap;
    padding: 10px 0 5px 25px;
}


#footer-disclaimer {
    clear: both;
    padding-top: 10px;
}

#footer-contents form {
    float: right;
}

#footer-contents form select {
    font-size: inherit;
}

#footer-legal {
    float: left;
    text-align: left;
}

#footer-legal p {
    margin: 0;
    padding: 0;
}


.item {
    border: #D2D6D6 1px solid;
    padding-left: 5px;
    padding-right: 6px;
    MARGIN-bottom: 10px;
}

.item a {
    color: #00129c;
    text-decoration: none;
}
.item a:visited {
    color: #00129c;
    text-decoration: none;
}
.item a:hover {
    color: #fc5900;
    text-decoration: underline;
}

.item h2 {
    margin-top: 0.2em;
}

.iconbar {
    padding-right: 15px;
    float: left;
    width: auto;
    height: 34px;
}

.iconbar img {
    float:left;
}

.iconbar a {
    text-decoration: none;
}


/* breadcrumbs */

#breadcrumbs p { padding-top: 0px; }
#breadcrumbs #breadcrumbs_container { max-width: 980px; margin: 0 ; }

#breadcrumbs {
    background: #F7F8F8 url("/img/breadcrumbs-background.png") top repeat-x;
    padding-top: 6px;
    padding-bottom: 0px;
    font-size: 75%;
    color: #999;
}

#breadcrumbs a:link, 
#breadcrumbs a:visited {
    color: #666;
}

#breadcrumbs a:hover,
#breadcrumbs a:active {
    color: #333;
    text-decoration: underline;
}

#breadcrumbs form.searchbox {
    display: inline;
    vertical-align: top;
    font-size: inherit;
}

#breadcrumbs form.searchbox input.query {
    width: 10em;
    font-size: inherit;
    border-width: 1px;
}
#breadcrumbs form.searchbox input.submit {
    font-size: inherit;
    border-width: 1px;
}


/* hr as suggested in http://www.sovavsiti.cz/css/hr.html */

.divider {
    height: 15px;
    background: #fff url(../img/divider.gif) no-repeat scroll center;
    border: 0;
    clear: both;
    margin: 0 0 10px 0;
}
.divider hr {
    display: none;
}

/* sidebar (left) */
#sidebar-left,
#sidebar {
    float: left;
    font-size: 75%;
    width: 160px;
}

#sidebar-left .corner-box ul,
#sidebar .corner-box ul {
    margin: 0;
    padding: 0 10px;
}

/* sidebar right */
#sidebar-right {
    float: right;
    font-size: 80%;
    width: 160px;
}

#sidebar-right .corner-box ul {
    margin: 0;
    padding: 0 12px;
}

/* addons as listitems (search etc) */

.addon-listitem {
    margin: 0 0 1em 0;
}

.addon-listitem .icon {
    float: left;
    margin-right: .6em;
}

.addon-listitem .preview-image {
    float: right;
}

.addon-listitem .version-simple {
    display: none;
}

.addon-listitem .addon-titleby {
    margin: 0 0 7px 0;
}

.addon-listitem .addon-titleby h2.addonname {
    font-weight: bold;
    padding: 4px 0 0 0;
}

.addon-listitem .addon-titleby .developer {
}

.addon-listitem .addon-desc .tagline {
    margin: 5px 0 7px 0;
}

.addon-listitem .addon-desc .version {
    font-size: .9em;
    background: url(../img/version.png) no-repeat left;
    line-height: 16px;
    padding-left: 20px;
}

.addon-listitems-options {
    margin: 0 0 1em 0;
    padding: 0;
}

.addon-listitems-options span {
    margin: 0 .3em;
}

.addon-listitems-options span.selected {
    font-weight: bold;
}

.text_button {
    color: #039;
}

span.autocomplete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
      height:200px;
      overflow:auto;
      text-align: left;
}

span.autocomplete ul {
    list-style:none!important;
    list-style-image:none!important;
    margin:0px;
    padding:0px;
}

span.autocomplete ul li.selected {
    background-color: #B9DAF0;
}

span.autocomplete ul li {
    font-size: small;
    list-style-type:none;
    display:block;
    margin:0;
    padding:2px;
    cursor:pointer;
}
    
#user_menu {
    padding-top:20px;
    float:right;
    color: #FFF; 
    font-size: 8pt;
    margin:auto;
    text-align: right;
    font-weight: bold;
    margin-top:10px;
    padding-top: 0px;
    width:550px;
}

#user_menu a {
    color: #FFF;
    text-decoration: none; 
    font-size: 8pt;
}

#user_menu a:hover {
    text-decoration: underline;
}

#user_menu select {
    color: #FFFFFF;
    background-color: #000000;
    border: 0px;
    font-size: 8pt;
    font-weight: bold;
}

#cs_ad {

    float:right;
    padding-top:40px;
    padding-right: 100px;
}

#title_block {
    padding-left: 30px;
    width: 980px;
    margin: auto;

}

#title_block h1 {
    border:0 none;
    color:#031C90;
    font-weight:bold;
    margin:0;
    padding-top:0;
}

/* BBCode
 ------------ */
.quotetitle, .attachtitle {
    margin: 10px 5px 0 5px;
    padding: 4px;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #A9B8C2;
    color: #333333;
    background-color: #A9B8C2;
    font-size: 0.85em;
    font-weight: bold;
}

.quotetitle .quotetitle {
    font-size: 1em;
}

.quotecontent, .attachcontent {
    margin: 0 5px 10px 5px;
    padding: 5px;
    border-color: #A9B8C2;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.4em;
    font-family: Verdana,Geneva,Kalimati,sans-serif;
    color: #4B5C77;
}

.attachcontent {
    font-size: 0.85em;
}

.codetitle {
    margin: 10px 5px 0 5px;
    padding: 2px 4px;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #A9B8C2;
    color: #333333;
    background-color: #A9B8C2;
    font-family: Verdana,Geneva,Kalimati,sans-serif;
    font-size: 0.8em;
}

.codecontent {
    direction: ltr;
    margin: 0 5px 10px 5px;
    padding: 5px;
    border-color: #A9B8C2;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    font-weight: normal;
    color: #006600;
    font-size: 0.85em;
    font-family: Monaco, 'Courier New', monospace;
    overflow: scroll;
    max-height: 500px;
}

.syntaxbg {
    color: #FFFFFF;
}

.syntaxcomment {
    color: #FF8000;
}

.syntaxdefault {
    color: #0000BB;
}

.syntaxhtml {
    color: #000000;
}

.syntaxkeyword {
    color: #007700;
}

.syntaxstring {
    color: #DD0000;
}

/************ Table ************/

#content-right table {
                width: 100%;
                border-collapse: collapse;
                text-align: left;
                }
                
#content-right table a {
    text-decoration: none;
}

#content-right table a:hover {
    text-decoration: underline;
}
                
#content-right table thead th {
/*                font-weight: bold;*/
                font-size: 15px;
                border: 1px solid #FFF;
/*                background-color: #DDDDED; */
                }
                
#content-right tbody {
                
                }
                
#content-right tbody tr {
                /*background: #fff; */
                }
              
#content-right tbody tr.alt-row {
                background: #EDEDF5;
                }
                
#content-right table td,
#content-right table th {
                padding: 5px;
                line-height: 1.3em;
                }        
                
#content-right table tfoot td .bulk-actions {
                padding: 15px 0 5px 0;
                } 
                
#content-right table tfoot td .bulk-actions select {
                padding: 4px;
                border: 1px solid #ccc;
                }
               
.td_alert {
    padding:0px !important;    
}      


/* sortable tables tables */
#content-right table thead tr .headerSortUp {
    background-image: url(../img/esam/asc.gif) !important;
}

#content-right table thead tr .headerSortDown {
    background-image: url(../img/esam/desc.gif) !important;
}
#content-right table thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
/*background-color: #8dbdd8;  */
}

#content-right table thead tr .header {
    background-image: url(../img/esam/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}




                
/*************** Pagination ***************/

#contentcontent-right .pagination {
                text-align: right;
                padding: 20px 0 5px 0;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 10px;
                }
                
.pagination {
    float: right;
    margin-top: 5px;
    margin-bottom: 10px;
}

.pagination a {
                margin: 0 5px 0 0;
                padding: 3px 6px;
                }

.pagination a.number {
                border: 1px solid #ddd;
                -moz-border-radius:4px 4px 4px 4px
                -webkit-border-radius:4px;   
                }

.pagination a.current {
                background: #D7D7E9 top left repeat-x !important;
                border-color: #CBCBE3 !important;
                color: #fff !important;
                -moz-border-radius:4px 4px 4px 4px;
                -webkit-border-radius:4px;   
                }
                
.pagination a.current:hover {
                text-decoration: underline;
                }

/************ Shortcut Buttons ************/

.shortcut-button {
                border: 1px solid #ccc;
                background: #f7f7f7 url('../images/shortcut-button-bg.gif') top left no-repeat;
                display: block;
                width: 120px;
                margin: 0 0 20px 0;
                }

.shortcut-button span {
                border: 1px solid #fff;
                display:block;
                padding: 15px 10px 15px 10px;
                text-align: center;
                color: #555;
                font-size: 13px;
                line-height: 1.3em;
                }

.shortcut-button span img {
                margin-bottom: 10px;
                }

.shortcut-button:hover {
                background: #fff;
                
                }
                
.shortcut-button span:hover {
                color: #57a000; 
                }

ul.shortcut-buttons-set li {
                float: left;
                margin: 0 15px 0 0;
                padding: 0 !important;
                background: 0;
                }
                
                
/*    Zip contents directory            */

    /* use a semi-transparent image for the overlay */
    #overlay {
        background:url(http://static.flowplayer.org/img/overlay/transparent.png) no-repeat;
        color:#efefef;
        height:450px;
    }
    
    /* container for external content. uses vertical scrollbar, if needed */
    div.contentWrap {
        height:441px;
        width: 587px;
        overflow:auto;

    }
    
    
    /* the overlayed element */
.apple_overlay {
    
    /* initially overlay is hidden */
    display:none;
    
    /* growing background image */
    background-image:url(../img/overlay/white.png);
    
    /* 
        width after the growing animation finishes
        height is automatically calculated
    */
    width:640px;        
    
    /* some padding to layout nested elements nicely  */
    padding:35px;

    /* a little styling */    
    font-size:11px;
}

/* Modal styles */

/*************** Facebox ***************/

#facebox .b {
  background:url(/img/b.png);
}

#facebox .tl {
  background:url(/img/tl.png);
}

#facebox .tr {
  background:url(/img/tr.png);
}

#facebox .bl {
  background:url(/img/bl.png);
}

#facebox .br {
  background:url(/img/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}


/*************** Forms ***************/


#WLSearchBoxDiv input {  
                padding: 0px;
                background: none;
                border: 0px;
                color: #333;
                -moz-border-radius:0px 0px 0px 0px;
                -webkit-border-radius:0px;   
                float:none;
}


input {  
                padding: 6px;
                background: #fff url('../img/esam/bg-form-field.gif') top left repeat-x;
                border: 1px solid #d5d5d5;
                color: #333;
                -moz-border-radius: 15px;
                -webkit-border-radius: 15px;   
}

.form_input {
    float:right;
    margin-bottom: 5px;
}
label {
/*                display: block;     */
                padding: 0 0 10px;
                font-weight: bold;
                }
             
fieldset legend {
                font-weight: bold;
                margin-bottom: 10px;
                padding-top: 10px;
                }
                
p small {
                font-size: 0.75em;
                color: #777;
                }
                
                
            
/*form .small-input {
                width: 100% !important;
                }*/
                
.medium-input {
                width: 50% !important;
                }
                
large-input {
                width: 97.5% !important;
                font-size: 16px !important;
                padding: 8px !important;
                }
                
textarea {
                width: 97.5% !important;
                font-family: Arial, Helvetica, sans-serif;
                    -moz-border-radius: 15px;
    -webkit-border-radius: 15px; 
    border:1px;
    padding:10px;
                }
                
form select {
    padding: 4px;
    background: #fff url('../img/esam/bg-form-field.gif') top left repeat-x;
    border: 1px solid #d5d5d5;
    color: #333;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;   
}
                
form input[type="checkbox"],
form input[type="radio"] {
                padding: 0;
                background: none;
                border: 0;
                }
                
.column-left {
    width: 45%;
    float: left;
}

.column-right {
    width: 45%;
    float: left;
}

.details_form {
    width:550px;
}
                
/*************** Notifications ***************/

.notification {
                position: relative;
                margin: 0 0 15px 0;
                padding: 0;
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 13px;
                width: 99.8%;
                }
                

.attention {
                background: #fffbcc url('../img/esam/exclamation.png') 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

.information {
                background: #dbe3ff url('../img/esam/information.png');
                border-color: #a2b4ee;
                color: #585b66;
                -moz-border-radius:6px 6px 6px 6px;
                -webkit-border-radius:6px;   
                }

.success {
                background: #d5ffce url('../img/esam/tick_circle.png');
                border-color: #9adf8f;
                color: #556652;
                }

.error {
                background: #ffcece url('../img/esam/cross_circle.png');
                border-color: #df8f8f;
                color: #665252;
                }

.notification {
                display:block;
                font-style:normal;
                padding:5px 0px 5px 35px;
                }

.notification .close {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
                }
                
#alert {
    padding: 0px;
    width: 80%;
    margin: auto;
}

#notification {
    padding: 0px;
    width: 774px;
}

.fieldset {
    -moz-border-radius: 9px;
    -webkit-border-radius:9px;  
}


/*   AUTOCOMPLETER JUNK */

.ac_results {
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    /* 
    if width will be 100% horizontal scrollbar will apear 
    when scroll mode will be used
    */
    /*width: 100%;*/
    font: menu;
    font-size: 12px;
    /* 
    it is very important, if line-height not setted or setted 
    in relative units scroll will be broken in firefox
    */
    line-height: 16px;
    overflow: hidden;
}

.ac_loading {
    background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
    background-color: #eee;
}

.ac_over {
    background-color: #0A246A;
    color: white;
}

.screenshot {
    float:left;
    width:300px;
    height:325px;
    margin:30px;
    margin-bottom:5px;
    background-color: #F3F3F8;
    text-align:center;
    padding:10px;
    -moz-border-radius: 9px;
    -webkit-border-radius:9px;  
}

#default {
    width:450px;
    height:350px;
    margin:auto;
    background-color: #F3F3F8;
    text-align:center;
    padding:10px;
    -moz-border-radius: 9px;
    -webkit-border-radius:9px; 
}

.bluerounded {
    padding: 10px;
    background-color: #EDEDF5;
    -moz-border-radius: 9px;
    -webkit-border-radius:9px;
}


/* Shared styles */                .drop-shadow {          ; position:relative;            float:none;            width:100%;                padding:3px;             margin:10px; margin-bottom:20px;   border:1px solid #CBCBE3;          background:#FFF url("/img/esam/new_bg2.png");            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;        }        .drop-shadow:before,        .drop-shadow:after {            content:"";            position:absolute;             z-index:-2;        }                .drop-shadow p {            font-size:16px;            font-weight:bold;        }                /* Lifted corners */        .lifted {            -moz-border-radius:4px;                  border-radius:4px;        }                .lifted:before,        .lifted:after {             bottom:15px;            left:10px;            width:50%;            height:20%;            max-width:300px;            -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);                  -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);                    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);            -webkit-transform:rotate(-3deg);                   -moz-transform:rotate(-3deg);                   -ms-transform:rotate(-3deg);                    -o-transform:rotate(-3deg);                    transform:rotate(-3deg);        }                .lifted:after {            right:10px;             left:auto;            -webkit-transform:rotate(3deg);                  -moz-transform:rotate(3deg);                  -ms-transform:rotate(3deg);                   -o-transform:rotate(3deg);                    transform:rotate(3deg);        }                /* Curled corners */        .curled {            border:1px solid #efefef;             -moz-border-radius:0 0 120px 120px / 0 0 6px 6px;                     border-radius:0 0 120px 120px / 0 0 6px 6px;        }              .curled:before,        .curled:after {            bottom:12px;            left:10px;            width:50%;            height:55%;            max-width:200px;            -webkit-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);                -moz-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);                     box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);             -webkit-transform:skew(-8deg) rotate(-3deg);               -moz-transform:skew(-8deg) rotate(-3deg);                -ms-transform:skew(-8deg) rotate(-3deg);                 -o-transform:skew(-8deg) rotate(-3deg);                    transform:skew(-8deg) rotate(-3deg);        }               .curled:after {             right:10px;             left:auto;            -webkit-transform:skew(8deg) rotate(3deg);                -moz-transform:skew(8deg) rotate(3deg);                     -ms-transform:skew(8deg) rotate(3deg);                      -o-transform:skew(8deg) rotate(3deg);                     transform:skew(8deg) rotate(3deg);        }                /* Perspective */        .perspective:before {            left:80px;            bottom:8px;            width:50%;            height:35%;            max-width:200px;            -webkit-box-shadow:-80px 5px 8px rgba(0, 0, 0, 0.4);               -moz-box-shadow:-80px 5px 8px rgba(0, 0, 0, 0.4);                    box-shadow:-80px 5px 8px rgba(0, 0, 0, 0.4);            -webkit-transform:skew(50deg);               -moz-transform:skew(50deg);                -ms-transform:skew(50deg);                 -o-transform:skew(50deg);                    transform:skew(50deg);            -webkit-transform-origin:0 100%;               -moz-transform-origin:0 100%;                -ms-transform-origin:0 100%;                 -o-transform-origin:0 100%;                    transform-origin:0 100%;        }                .perspective:after {            display:none;        }                /* Raised shadow - no pseudo-elements needed */                .raised {            -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;               -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;                    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;        }                /* Curved shadows */        .curved:before {            top:10px;            bottom:10px;            left:0;            right:50%;            -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);            -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);            box-shadow:0 0 15px rgba(0,0,0,0.6);            -moz-border-radius:10px / 100px;            border-radius:10px / 100px;        }                .curved-vt-2:before {            right:0;        }                .curved-hz-1:before {            top:50%;            bottom:0;            left:10px;            right:10px;            -moz-border-radius:100px / 10px;            border-radius:100px / 10px;        }        .curved-hz-2:before {            top:0;            bottom:0;            left:10px;            right:10px;            -moz-border-radius:100px / 10px;            border-radius:100px / 10px;        }                /* Rotated box */                .rotated {            -webkit-box-shadow:none;               -moz-box-shadow:none;                    box-shadow:none;            -webkit-transform:rotate(-3deg);                   -moz-transform:rotate(-3deg);                   -ms-transform:rotate(-3deg);                 -o-transform:rotate(-3deg);                    transform:rotate(-3deg);        }                .rotated :first-child:before {            content:"";            position:absolute;            z-index:-1;            top:0;            bottom:0;            left:0;            right:0;            background:#fff;            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;        }            

#credits a, :visited {
    text-decoration:none;
}