body {
  margin: 0px;
  padding: 0px;
  border: 0px;
/*  background: url(../images/background.png) 0 0 repeat-y #fff; */
}

/* Links  */
a:link { 
font-size:10pt;
line-height:8pt;
font-family:Arial, sans-serif;
color:#3b3131;
line-height: 1.3em;
}

a:visited { 
font-size:10pt;
line-height:8pt;
font-family:Arial, sans-serif;
color:#3b3131;
}

a:hover a:link { 
font-size:10pt;
line-height:8pt;
font-family:Arial, sans-serif;
color:#3b3131;
}

a:active a:link { 
font-size:10pt;
line-height:8pt;
font-family:Arial, sans-serif;
color:#3b3131;
}
/*  end  */

.submit-button{
  border: 0px;
}

.ad_image{
  border-style: inset inset inset inset;
  border-color: gray gray gray gray;
}

.ad_image_small{
  border-style: inset inset inset inset;
  border-color: gray gray gray gray;
}

.price {
  font-family: Futura, Arial, Century;
  font-size: 0.8em;
  font-weight: bold;
  color: #006;
  background-color: #FC9;
  margin-left: 10px;
}

.ad_detail_character {
  font: 12px Arial, Helvetica, sans-serif;
  color: #dda0dd;
}

.text {
  font: 12px Arial, Helvetica, sans-serif;
  color: black;
}

.ad_detail_text {
  font: 12px Arial, Helvetica, sans-serif;
  color: #0000A0;
}

.ad_vendor_info {
  font: 12px Arial, Helvetica, sans-serif;
  color: #800000;
}

div.ad_container {
  font: 12px Arial, Helvetica, sans-serif;
  width: 740px;
  border-width: 1px 1px 1px 1px;
  border-style: inset inset inset inset;
  border-color: gray gray gray gray;
}

table.ad_header {
  width: 100%;
  background: url(../images/ad_header_main_menu.png) 0 0 repeat-y #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px ;
  
  border: 1px solid grey;
}

table.ad {
  width: 500px;
  border-width: 1px 1px 1px 1px;
  padding: 1px 1px 1px 1px;
  border-style: inset inset inset inset;
  border-color: gray gray gray gray;
  background-color: white;
}

.description {
  font: 11px Arial, Helvetica, sans-serif;
  text-decoration: underline;
}

div.button {
  width: 130px;
  height: 40px;
  font: 12px Arial, Helvetica, sans-serif;
  background: url(../images/button.png) no-repeat;
}

.gogloum-button{
  width: 130px;
  background: url(../images/button.png) no-repeat;
}

a.font_button:link { color: white; text-decoration: none; }
a.font_button:visited { color: white; text-decoration: none; } 
a.font_button:hover { color: white; text-decoration: underline; } 

.font_11 {
  font: 11px Arial, Helvetica, sans-serif;
}

.font_12 {
  font: 11px Arial, Helvetica, sans-serif;
}

.font_14 {
  font: 14px Arial, Helvetica, sans-serif;
}

table.subscription_table {
  width: 600px;
}

/* Header */
#banner_gogloum { position:absolute; top:25px; }
#header-global { position:relative; top:2px; left:450px; width: 400px; }
#header-global.right { right:10px;}

.font_header {
  font: 12px Arial, Helvetica, sans-serif;
  color: #25587E;
}
.font_header_link {
  font: 11px Arial, Helvetica, sans-serif;
  color: #25587E;
}



/* Forms fonts*/
form {

}


.search_box {
  font: 12px Arial, Helvetica, sans-serif;
  border:1px solid #AACFE4;
  color:#5E5E5E;
  font-size:125%;
  padding:8px 4px;
}

.search_area {
  border-width: 1px ;
  border-style: inset inset inset inset;
  border-color: #0066CC #0066CC #0066CC #0066CC;
  background: url(../images/search_background.png) 0 0 repeat-y #fff;
}

.search_text{

  font: 11px Arial, Helvetica, sans-serif;
}


.form input.text, .form textarea {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 100%;
  border:1px solid #CCCCCC;
  color:#403F41;
  padding:5px;
}

.form input.text:focus, .form textarea:focus {
  border-color:#00A8FF;
}


div.required {
  font: 11px Arial, Helvetica, sans-serif;
  font-weight: bold;
}
div.required input {
  font: 12px Arial, Helvetica, sans-serif;
}

form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #000000;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
  font: 13px Arial, Helvetica, sans-serif;
}

form fieldset legend {
  font-size: 110%;
  font-weight: normal;
  color: #0000A0;
  margin: 0 25px;
  padding: 0 5px;
  font: 13px Arial, Helvetica, sans-serif;
}

fieldset {
  clear: both;
  font-size: 100%;
  border-color: #000000;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
  font: 13px Arial, Helvetica, sans-serif;
  width: 700px;
}

fieldset legend {
  font-size: 110%;
  font-weight: normal;
  color: #0000A0;
  margin: 0 25px;
  padding: 0 5px;
  font: 13px Arial, Helvetica, sans-serif;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 0;
}
/* End Forms fonts */



table#display_categories { 
  margin: 15px 40px;
  width: 350px;
  font: 13px Arial, Helvetica, sans-serif;
}

table#display_categories td { 
  padding: 3px;
  vertical-align: top;
}

.ad_picture, .ad_picture TD, .ad_picture TH {
  background-color:#C0C0C0;
  padding: 3px;
  margin: 15px 40px;
  font: 11px Arial, Helvetica, sans-serif;
}

table#copyright { 
  margin: 15px 40px;
  width: 500px;
  font: 11px Arial, Helvetica, sans-serif;
  color: #657383;
}

a.copyright:link    { color: #657383; text-decoration: underline; font: 11px Arial, Helvetica, sans-serif;}
a.copyright:visited { color: #657383; text-decoration: underline; font: 11px Arial, Helvetica, sans-serif;} 
a.copyright:hover   { color: #657383; text-decoration: underline; font: 11px Arial, Helvetica, sans-serif; } 

table.category {
  width: 177px;
  display: compact;
  vertical-align: top;
  background-color: #FAF8CC;
}

div.categories {
  border:0px;
  position: relative;
  height: 1250px;
}

img.picture_show {
  float:left;
  width:75px;
  height:75px;
  margin:10px;
  border-style: inset inset inset inset;
  border-color: gray gray gray gray;
}

.ad_main_pictures {
  border: 1px solid #666666;
  padding: 10px 10px 60px 10px; 
}

.category_header {
  text-decoration: none;
  font-weight:bold;
}

.categories_image {
  border: 0px;
  float:right; margin: 0 5px 0 0;
}


/* Upload Picture  */

.no_comment {
  font: 11px Arial, Helvetica, sans-serif;
  color: #808080;
}

.no_category{
  font: 11px Arial, Helvetica, sans-serif;
  color: #808080;
}

.comment {
  font: 12px Arial, Helvetica, sans-serif;
  color: black;
}

.no_picture {
  font: 12px Arial, Helvetica, sans-serif;
  color: #800000;
  font-weight:bold;
  text-align: center
}

.uploaded_picture {
  border-width: 1px ;
  border-style: inset inset inset inset;
  border-color: #0066CC #0066CC #0066CC #0066CC;
  background-color: #E8E8E8;
}

.directive {
  font: 12px Arial, Helvetica, sans-serif;
  color: black;
}

/* End Upload Picture  */


/* Display map informations */

table#vendor_information { 
  margin: 15px 40px;
  width: 350px;
  font: 13px Arial, Helvetica, sans-serif;
}

/* end */


/* Visual effects  */
img.picture_drag {
  float:left;

  margin:10px;
  cursor:move;
  border-style: inset inset inset inset;
  border-color: gray gray gray gray;
}

div#wastebin {
  width:800px;
  padding:8px;
  margin-top:8px;
  height:70px;
  color:#ccc;
  border:1px dashed #888;
  font-size:20px;
  font-weight:bold;
  text-align:center;
}
/* end */



/* Error messages  */
.fieldWithErrors {
  clear: none;
  padding: 2px 0px 2px 0px;
  display: inline;
  width: 171px;
    /*for IE!*/
  background-color:red;
}

div.required .fieldWithErrors input {
  background-color: #fff;
  width: 171px;
  display: inline;
  border: 2px solid red; 
  padding: 0px 1px 0px 1px;
}

div.required .fieldWithErrors input.radio {
  width: auto;
}

div.required .fieldWithErrors textarea{
  background-color: #fff;
  display: inline-table;
  border: 2px solid red; 
}

div.required .fieldWithErrors select {
  background-color: #fff;
  display: inline;
  border: 2px solid red;
}

div.optional .fieldWithErrors input {
  background-color: #fff;
  width: 171px;
  display: inline;
  border: 2px solid red; 
  padding: 0px 1px 0px 1px;
}

div.expiry .fieldWithErrors {
  clear: none;
  padding: 3px 2px 2px 2px;
  display: inline;
  width: 171px;
}

#errorExplanation {
  width: 400px;
  border: 2px solid #41627E;
  padding: 7px;
  padding-bottom: 12px;
  margin: 20px 40px;
  background-color: #f0f0f0;
  font: 12px Arial, Helvetica, sans-serif;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #41627E;
  color: #fff;
  font: 12px Arial, Helvetica, sans-serif;


  background-image: url(/images/icon_error.png);
  background-repeat: no-repeat;
  background-position: top right;
}

#errorExplanation p {
  color: #333;
  padding: 5px 0;
  margin: .5em 0 0 0;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
  margin-left: 20px;
  font: 12px Arial, Helvetica, sans-serif;
}


#notice h2{
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #41627E;
  color: #fff;
  font: 12px Arial, Helvetica, sans-serif;

  background-image: url(/images/icon_info.png);
  background-repeat: no-repeat;
  background-position: top right;
}

#notice {
  width: 400px;
  border: 2px solid #41627E;
  padding: 7px;
  padding-bottom: 12px;
  margin: 20px 40px;
  background-color: #f0f0f0;
  font: 12px Arial, Helvetica, sans-serif;
}

#warning h2{
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #41627E;
  color: #fff;
  font: 12px Arial, Helvetica, sans-serif;

  background-image: url(/images/icon_error.png);
  background-repeat: no-repeat;
  background-position: top right;
}

#warning {
  width: 400px;
  border: 2px solid #41627E;
  padding: 7px;
  padding-bottom: 12px;
  margin: 20px 40px;
  background-color: #f0f0f0;
  font: 12px Arial, Helvetica, sans-serif;
}




/* end */


/* Banners */
#banner_1{
  position:absolute;
  left:0px;
  top:200px
}

#banner_2{
  position:absolute;
  left:1100px;
  top:200px
}

table#send_to_friend {
  position:absolute;
  left:20px;
  top:250px
}



/*  Pagination */
 .pagination{  
     padding: 2px;  
 }  
 .pagination a, .pagination a:visited{  
     padding: 0 5px;  
     border: 1px solid #9aafe5;  
     text-decoration: none;   
     color: #2e6ab1;  
 }  
   
 .pagination a:hover, .pagination a:active{  
     border: 1px solid #2b66a5;
     color: #000;  
 }  
   
 .pagination .currentpage{  
     font-weight: bold;
     padding: 0 5px;
     border: 1px solid navy;
     background-color: #2e6ab1;
     color: #FFF;  
 }  
   
 .pagination .disablepage{  
     padding: 0 5px;  
     border: 1px solid #929292;  
     color: #929292;  
     display: inline;  
 } 

 /*  End of Pagination */

/*  Legalese texts */
.legalese_title {
  text-align: left;
  text-decoration: underline;
  font-weight: bold
  font: 14px Arial, Helvetica, sans-serif;
}

.legalese_text {
  text-align: left;
  font: 12px Arial, Helvetica, sans-serif;
}

.ul_legalese_text {
  text-align: left;
  list-style: square;
  margin-left: 25px;
  font: 12px Arial, Helvetica, sans-serif;
}
 /*  End of Leagalese */


 /*  Start of input button */
 /**
 * @see http://www.hedgerwow.com/360/dhtml/ui-css-input-replacement/demo.php
 */
 .username .module-input-button {font-size:12px;}
.module-input-button, .module-input-button span {background-image:url(/images/widget_buttons.gif);}
.module-input-button span span, .module-input-button a{ color:#333; }
.module-input-button-hover span span, .module-input-button-hover a, .module-input-button:hover span span,
.module-input-button:hover a { color:#000; background: transparent; text-decoration: none;}
.module-input-button-click span span, .module-input-button-click a { color:#222 !important; }
.module-input-button{
 padding:0 4px 0 0; margin:0 2px;
 vertical-align:middle; background-repeat:no-repeat; background-position:100% 0;
 display:-moz-inline-stack; display:inline-block;
 list-style-image:url(data:behavior:mouseover,&uihtmlbutton);/*for JS behavior*/
 zoom:1; *display:inline;
}
.module-input-button-hover, .module-input-button:hover{ background-position:100% -50px; }
.module-input-button-click{ background-position:100% -50px !important; }
.module-input-button span{
 height:22px; vertical-align:baseline; background-repeat:no-repeat; background-position:0 -25px;
 position:relative; white-space:nowrap; display:block; overflow:hidden; zoom:1; _display:inline;
}
.module-input-button-hover span, .module-input-button:hover span{ background-position:0 -75px; }
.module-input-button-click span{ background-position:0 -75px !important; }

.module-input-button.blue,
.module-input-button.blue:hover{ background-position:100% -150px !important; }                      
.module-input-button.blue span{ background-position:0 -175px !important; }
.module-input-button-hover.blue span, .module-input-button.blue:hover span{ background-position:0 -175px; }
.module-input-button.blue span span, .module-input-button.blue a,
.module-input-button-hover.blue span span, .module-input-button-hover.blue a, .module-input-button.blue:hover span span,
.module-input-button:hover.blue a { color:#fff; }

.module-input-button.blue-bg,
.module-input-button.blue-bg:hover{ background-position:100% -100px !important; }                      
.module-input-button.blue-bg span{ background-position:0 -125px !important; }
.module-input-button-hover.blue-bg span, .module-input-button.blue-bg:hover span{ background-position:0 -125px; }

.module-input-button span span, .module-input-button a {
 outline:none; padding:9px 4px 8px 8px; display:block; margin: 0;
 text-decoration:none; zoom:normal; height:auto; font-size:100%; line-height:1px;
}
.module-input-button span span.wide, .module-input-button a.wide{ padding-left: 25px; padding-right: 21px; }

.module-input-button input{
 position:absolute; width:1000px; height:1000px; font-size:100px; padding:0px; background:blue;
 left:8px; top:-100px; cursor:pointer; filter:alpha(opacity=0); opacity:0;
}
.companion-text {display: inline; line-height: 20px;}

 /*  End of input button */


.alert_title {
  text-decoration: underline;
  font-weight: bold;
  color: red;
  font: 14px Arial, Helvetica, sans-serif;
}

.alert_message {
  color: #808080;
  font-weight: bold;
  font: 14px Arial, Helvetica, sans-serif;
}

.confirmation_title {
  text-decoration: underline;
  font-weight: bold;
  color: #408080;
  font: 14px Arial, Helvetica, sans-serif;
}

.confirmation_message {
  color: #808080;
  font-weight: bold;
  font: 14px Arial, Helvetica, sans-serif;
}

/* vendor subscription */
.new-vendor .success {font-weight: bold; color: #6d9c20;}
.new-vendor .error {font-weight: bold; color: #f61100;}
.new-vendor .error img, .new-vendor .success img {}

.ad_action_text {
  color: white;
  font: 12px Arial, Helvetica, sans-serif;
}

.form_popup_error {
  color: #808080;
  font: 10px Arial, Helvetica, sans-serif;
  vertical-align: text-top;
}


/* ***** JQuery POPUP Window       */
    body { font-size: 62.5%; }
/*    label, input { display:block; } */
    input.text { margin-bottom:12px; width:95%; padding: .4em; }
    fieldset { padding:0; border:0; margin-top:25px; }
    h1 { font-size: 1.2em; margin: .6em 0; }
    div#users-contain { width: 350px; margin: 20px 0; }
    div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
    div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
    .ui-dialog .ui-state-error { padding: .3em; }
    .validateTips { border: 1px solid transparent; padding: 0.3em; }

/* ***** End of JQuery POPUP Window       */


.expand_collapse_icon  {
  vertical-align:text-top;
}

.search_header {
  font-weight: bold;
  color: #408080;
  font: 16px Arial, Helvetica, sans-serif;  
  
}

.word_count_warn {
  color:red;
  display:block;
}

.table_select_image {
  padding: .6em 10px; text-align: left; width: 90%
}

.upload_table_header {
  color: white;
  font: 16px Arial, Helvetica, sans-serif;  
  
}
