/* +----------------------------------------------------------------------+
   SOS Webpages is an easy-to-manage website management system
   Copyright (C) 2007 - 2010 HandsomeWeb

   This program is free software: you can redistribute it and/or modify
   it under the terms of the GNU General Public License as published by
   the Free Software Foundation, either version 3 of the License, or
   (at your option) any later version.

   This program is distributed in the hope that it will be useful,
   but WITHOUT ANY WARRANTY; without even the implied warranty of
   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
   GNU General Public License for more details.

   You should have received a copy of the GNU General Public License
   along with this program.  If not, see <http://www.gnu.org/licenses/>.
  Contact the author of this software at http://www.handsomeweb.com.
   +----------------------------------------------------------------------+
*/
body {
background-color: #3277c2;
color: #000000;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 10pt;
font-weight: normal;
}

#wrapper {
background-color: #ffffff;
border:1px solid black;
color: #000000;
padding:1px;
margin:0 auto;
font-family: "Trebuchet MS", Verdana, sans-serif;
width:900px;
font-size: 0.9em;
}

#loginwrapper {
width: 393px;
margin-left: auto;
margin-right: auto;
margin-top: 100px;
background-color: #3277c2;
border:3px solid white;
color: #000000;
padding:3px;
font-family: "Trebuchet MS", Verdana, sans-serif;
}

#loginwrapper2 {
padding: 5px;
color:black;
background-color:white;
}

h1 {
font-size:1.4em ;
font-weight:bold;
margin-top:0;
margin-bottom:5px;
margin-left:5px;
}

#loginwrapper2 h1{
font-size:1.6em ;
font-weight:bold;
margin-top:0;
margin-bottom:5px;
margin-left:5px;
color: #3277c2;
}

h2 {
font-size:1.1em;
font-weight:bold;
margin-top:0;
margin-bottom:5px;
margin-left:5px;
}

p {
font-size: 1em;
margin-left:5px;
margin-bottom:5px;
margin-top:0;
}

form {
font-size: 1em;
margin-left:5px;
margin-bottom:5px;
margin-top:0;
}

#adminforms td {
border:0;
}

#adminforms2 td {
border:0;
}

td {
vertical-align:top;
}


td.formlabel {
text-align:right;
font-weight:bold;
vertical-align:top;
}

span.small {
font-size: .9em;
}

span.updatedInfo {
font-size:0.9em;
color:#fff;
background-color:#006600;
padding:2px;
font-weight:bold;
}


#borderedtable {
margin-left:5px;
margin-bottom:5px;
border-top:1px solid #3277c2;
border-left:1px solid #3277c2;
}

#borderedtable td {
border-bottom:1px solid #3277c2;
border-right:1px solid #3277c2;
padding: 3px;
}

p.important {
font-size: 1em;
margin-left:5px;
margin-bottom:5px;
margin-top:0;
font-weight:bold;
color: #ff0000;
}

a {
color: #3277c2;
background-color: #ffffff;
text-decoration: none;
}

a:visited {
color: #3a75c0;
background-color: #ffffff;
}

a:hover {
color: #FF0000;
background-color: #ffffff;
text-decoration: underline;
}

a.button {
color: #fff;
background-color: #3277c2;
font-weight: bold;
font-size: 0.9em;
border-top: 2px solid #B3CEEC;
border-left: 2px solid #B3CEEC;
border-bottom: 2px solid #000;
border-right: 2px solid #000;
padding-top:1px;
padding-bottom: 1px;
padding-left: 6px;
padding-right: 6px;
margin-left:0px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 10px;
}

a.button:visited {
color: #fff;
background-color: #3277c2;
text-decoration: none;
}

a.button:hover {
color: #fff;
background-color: #4889D0;
border-top: 2px solid #D5E3F4;
border-left: 2px solid #D5E3F4;
border-bottom: 2px solid #333;
border-right: 2px solid #333;
text-decoration: none;
}

img.adminmenu {
padding:0;
margin:0;
border:0;
}

#aform td {
border:1px solid #efefef;
padding-top:0px;
padding-bottom:0px}

td.aform {
border:1px solid #efefef;
padding-top:0px;
padding-bottom:0px
}

/*Tooltips*/
a.info{
position:relative;
font-size: 8pt;
color: #3277c2;
z-index:24;
text-decoration:none;
}

a.info:hover{color:#ffffff;
z-index:100;
background-color:#006699
}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:2em; left:6em; width:15em;
border:1px solid #000;
background-color:#3277c2;
color:#ffffff;
text-align: left;
padding:3px;
}

/*Tooltips*/
a.picinfo{
position:relative;
font-size: 8pt;
color: #3277c2;
z-index:24;
text-decoration:none;
}

a.picinfo:hover{color:#ffffff;
z-index:100;
background-color:#ffffff
}

a.picinfo span{display: none}

a.picinfo:hover span{
display:block;
position:absolute;
top:-6px; left:140px;
border:1px solid #000;
padding:5px;
background-color:white;
}

textarea {
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size:10pt;
}

div.helpbox {
float:right;
border: 1px solid #3277c2;
padding: 3px;
margin: 5px;
color: #006699;
background-color: #fff;
width:215px;
}

div.lookbox {
border: 1px solid #3277c2;
padding: 3px;
margin: 5px;
width: 645px;
}

div.blankimagebox {
border: 1px solid #3277c2;
padding: 3px;
margin: 5px;
width: 150px;
}

div.sectionbox  {
border: 1px solid #3277c2;
padding: 3px;
margin: 5px;
width: 880px;
}

p.warning {
color:white;
font-weight:bold;
background-color: #aa0000;
padding: 3px;
border:1px solid black;
width:675px;
}

td.modulemenu {
padding-top:2px;
padding-bottom:5px;
padding-left:5px;
}

span.modulemenu {border:1px solid #006699;
padding:1px;
font-weight:bold;
}

a.modulemenu {color:#fff;
background-color:#3277c2;
padding-right:3px;
padding-left:3px;
text-decoration:none;
white-space:nowrap;}

a.modulemenu:hover {
text-decoration:none
}

td.menublue {
background-color:#3277c2;
border:1px solid white;
text-align:center;
padding:2px;
margin:2px;
}

img.adminmenu {
float:left;
}

a.adminmenu {color:#fff;
background-color:#3277c2;
text-decoration:none;
padding:1px;
font-weight: bold;
}

div.bordered {
margin:1px;
padding:3px;
border:1px solid white;
}

/* admin menu */
/*top menu navigation*/

img.adminmenupic {
border: 0;
}

#nav1 {
background:#fff;
width:100%;
}

#nav1inside {
margin-top: 1px;
float: left;
background-color: #3277c2;
width:100%;
}

#nav1inside ul { padding: 0; }
#nav1inside ul li { display: inline; }

#nav1inside ul {
margin: 0;
padding: 0 0 0 0;
color: #FFFFFF;
}

#nav1inside ul li a {
font-weight:normal;
padding: 5px;
padding-right: 8px;
background-color: #3277c2;
color: #FFFFFF;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#nav1inside ul li a:hover {
background-color: #4889D0;
color: #FFFFFF;
}

#nav1list li a:hover, #nav1list li a:active {
color: #FFFFFF;
text-decoration: none;
background: #4889D0;
text-align: left;
}

#nav2 {
background:#fff;
width:100%;
}

#nav2inside {
margin-top: 1px;
float: left;
background-color: #3277c2;
width:100%;
}

#nav2inside ul { padding: 0;
}

#nav2inside ul li {
display: inline;
}

#nav2inside ul {
margin: 0;
padding: 0 0 0 0;
color: #FFFFFF;
}

#nav2inside ul li a {
font-weight:normal;
padding: 5px;
padding-right: 8px;
background-color: #3277c2;
color: #FFFFFF;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#nav2inside ul li a:hover {
background-color: #4889D0;
color: #FFFFFF;
}

#nav2list li a:hover, #nav2list li a:active {
color: #FFFFFF;
text-decoration: none;
background: #4889D0;
text-align: left;
}


#nav3 {
background:#fff;
width:100%;
}

#nav3inside {
margin-top: 1px;
float: left;
background-color: #3277c2;
width:100%;
}

#nav3inside ul {
padding: 0;
}

#nav3inside ul li {
display: inline;
}

#nav3inside ul {
margin: 0;
padding: 0 0 0 0;
color: #FFFFFF;
}

#nav3inside ul li a {
font-weight:normal;
padding: 5px;
padding-right: 8px;
background-color: #3277c2;
color: #FFFFFF;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#nav3inside ul li a:hover {
background-color: #4889D0;
color: #FFFFFF;
}

#nav3list li a:hover, #nav3list li a:active {
color: #FFFFFF;
text-decoration: none;
background: #4889D0;
text-align: left;
}

span.adminmenutitle {
font-size: 16px;
font-weight: bold;
color: #3277c2;
float:left;
}