/*
Site URI: http://serpguard.com
Author: Julia Isachenkova


/*-----------Block Level Elements--------------*/

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

body {
     color: #333;
     font: 10pt/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;
     min-height: 100%;
     height: auto !important;
     height: 100%;
     position: relative;
     }
#container {
    padding-bottom: 80px;
}
#cont {
    width: 100%;
    height: 100%;
	margin: 0;
	padding: 0;
    border-top: 3px solid #fd7b17;
    border-bottom: 3px solid #322e2d;
}

#page {
	 width: 100%;
     height: auto!important;
     height: 1%;
     margin: 0 auto;
}
#wrap {
	 width: 100%;
     height: auto!important;
     height: 1%;
     margin: 0 auto;
     min-width: 900px;
	 text-align: center;
	 min-height: 350px;
	 }
   /* for IE */
#wrap {
     width: expression((documentElement.clientWidth || document.body.clientWidth) < 987 ? "987px" : (documentElement.clientWidth || document.body.clientWidth) > 1580 ? "1580px" : "100%");	
	 }
#header {
     height: 50px;
     width: 100%;
     border-top: 3px solid #fd7b17;
	 min-width: 900px;
	 margin: 0 auto;
     padding: 60px 0 0 0;
	 text-align: center;
     }
#footer {
	 height: 50px;
	 width: 100%;
	 margin: 0;
	 min-width: 900px;
	 padding: 10px 0 0 0;
	 font-size: 11px;
	 color: #9ca0a4;
	 border-top: 1px dotted #cccccc;
	 position: absolute;
	 bottom:  0;
     border-bottom: 3px solid #322e2d;
	 }
img {
     border: none;
     }
a {
     color: #fd7b17;
     font-weight: bold;
	 }
a:hover {
     color: #fd7b17;
	 text-decoration: none;
     font-weight: bold;
	 }
input.login {
	 width: 200px;
     }
input.pass {
	 width: 150px;
     }
h1 {
     font: normal 16pt "Trebuchet MS", Verdana, Helvetica;
     margin: 5px 0 0 0;
     padding: 0;
     color: #fd7b17;
     }
h2 a {
     font: bold 12pt "Trebuchet MS", Verdana, Helvetica;
     margin: 5px 0 5px 0;
     padding: 0;
     color: #fd7b17;
}

h2 a:hover {
     font-weight: bold;
}

.sidebar-title {
     font: normal 16pt "Trebuchet MS", Verdana, Helvetica;
     margin: 0 0 10px 0;
     color: #fd7b17;
     }
.padd {
     padding: 0 0 3px 0;
}
#notification {
     font-weight: bold;
     padding: 0 0 10px 0;
     color: #018504;
     }
.slist  {
     margin: 10px 0 20px 0;
     }
.cl {
	 color: #018504;
	 left: 300px;
	 margin: 0;
	 padding: 0 0 2px 25px;
     background: url(../images/cl.jpg) no-repeat  left -1px;
	 }
.run {
	 margin: 0;
	 padding: 0;
	 }

.onesite  {
     padding: 20px 0 20px 0;
     margin: 0;
     background: url(../images/bg.jpg) no-repeat center 0;
     }
.created { 
	 padding: 0;
	 margin: 10px 0 0 0;
	 float: right;
     }
.rights { 
     float: left;
	 width: 380px;
	 padding: 8px 0 0 20px;
	 margin: 0;
     }
.ruby { 
     float: right;
	 width: 300px;
	 padding: 0 20px 0 0;
	 margin: 0;
     }
.ruby img { 
	 padding: 0;
	 margin: 0 0 0 5px;
     }
.rimg { 
	 padding: 0;
	 margin: 0;
	 float: right;
     }
.float-right {
	padding: 10px 0px 10px 10px;
	margin: 10px 0px 10px 10px;
	float: right;
}
.float-left {
	padding: 10px 10px 10px 0px;
	margin: 10px 10px 10px 0px;
	float: left;
}
blockquote {
	width: 500px;
	background-color: #efefef;
	padding: 10px;
	border: 2px dashed #FC8A42;
}
#content-page {
	text-align: left;
	margin: 20px auto 20px auto;
	width: 650px;
}

#content-page img {
	padding: 5px;
	border: 1px solid #cccccc;
}

#content-popup {
   text-align: left;  
   padding: 20px;
}