/*
   Style templates for POE MiniSite's
   Written by Dmitry S. Kolobaev
   BonaSource Inc (C) 2002
*/

/*
   Class for site border and wide colored area under menu, and
   headers background in "Contact info", e.t.c.
*/

.siteborder { background-color: #336699; }

/*
   Class for labels in "Contact info" area.
*/

span.siteaddress {
  color : #000000;
  font-weight: bold;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
}


/*
   Class for main text of site (middle area).
   This class define decoration for usual text of 
   site content - usually black on white. 
*/
.sitetext {
  background-color: #ffffff;
  color : Black;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
  text-align: justify;
}

/*
   Class for inverted text, uses in right column headers - 
   "Contact info", "Featured product/service", "Other locations".
*/
.sitetextinv {
  color : #ffffff;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
  font-weight : bolder;
}

/*
   Class for title text of site (middle area).
*/
.sitetitle {
    background-color: #ffffff;
    color : #000000;
    font-family : Arial, Helvetica, sans-serif;
    font-weight : bolder;
    font-size : 15px;
}

/*
  Class for emphased text in main site area.
*/
.siteemphased {
	color: #000000;
	font-family : Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size : 12px;
}

/*
  Class for link's in main site area. Apply for all links,
  for what class does not defined explicitly.
*/
A {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    color: #336699;
    text-decoration : none;
}

A:hover {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    color: #000099;
    /*
    font-weight : bolder;
    */
    text-decoration : underline;
}

/*
  Class for link's in main site area
*/
a.sitelink {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    color: #336699;
    text-decoration : none;
}

a.sitelink:hover {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    color: #000099;
    /*
    font-weight : bolder;
    */
    text-decoration : underline;
}
a.contactsitelink {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    color: #336699;
    text-decoration : none;
}

a.contactsitelink:hover {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    color: #000099;
    text-decoration : underline;
}


/*
  Class for link, used in edit mode for add, edit and delete documents.
*/
a.siteactionlink {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    color: #336699;
}

a.siteactionlink:hover {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    color: #000099;
    /*
    text-decoration : underline;\
    */
}

/*
  Class are used for the titles simultaneously being links.
 */
a.sitetitlelink {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    color: #336699;
    font-weight : bolder;
    text-decoration : none;
}

a.sitetitlelink:hover {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    color: #000099;
    font-weight : bolder;
    text-decoration : underline;
}

/*
  Class for menu items background.
*/
.menucolor {
    background-color: #000000;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 16px;
    font-style : normal;
}

/*
  Class for highlighted (current) menu item background.
*/
.menuhighlight {
  background-color: #993300;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 16px;
  font-style : normal;
}

/*
  Class for menu items divider.
*/
.menudiv {  color:white;}

/*
  Class for menu items links.
*/
a.menulink  {
    color: #ffffff;
    text-decoration : none;
    font-weight : bold;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 10px;
}

a.menulink:hover {
    color: #ffffff;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 10px;
    font-weight : normal;
    text-decoration : underline;
}


/* Classes for document forms.
   Please, do not edit this classes.
 */

table.form {
  color: black;
  font-family: verdana;
  font-size: 12px;
  background-color : #eeeeee;
}
table.form a {
  text-decoration:none;
  color:#336699;
  font-family:verdana;
  font-size:12px;
}
table.form a:hover {
  text-decoration:underline;
  color:#000099;
  font-family:verdana;
  font-size:12px;
}
table.form tr.error {
  color:red;
  font-weight: bold;
  font-size:16px;
}
table.form tr.header {
  color:white;
  font-weight: bold;
  font-size: 16px;
  background-color : #999999;
}
table.form tr.smallheader {
  color: white;
  font-weight: bold;
  font-size: 14px;
  background-color: #999999;
}
table.form a.smallheaderlink {
  color: white;
  font-weight: bold;
  font-size: 14px;
  background-color: #999999;
}
table.form a.smallheaderlink:hover {
  color: white;
  font-weight: bold;
  font-size: 14px;
  background-color: #999999;
}

table.form td.text  {
  color:black;
  font-size:15px;
}
table.form td.error {
  color:red;
  font-size:13px;
}
table.form td.value {
  color:black;
  font-size:12px;
}

table.form td.label {
  color:black;
  font-weight:bold;
  font-size:13px;
}

table.form td.email {
  color:blue;
  font-weight:bold;
  font-size:13px;
}

table.form span.smalllabel {
  color: black;
  font-weight: normal;
  font-size: 10px;
}

.warning-msg {
  color: red;
  font-weight: bold;
  font-size: 12px;
}