* {
margin: 0;
padding: 0;
}
html, body {
font-family: Helvetica, Arial, sans-serif;
background: #eee;
font-size: 14px;
color: #565656;
}
a:link, a:visited { color: #0683ab; text-decoration: none; }
a:active, a:hover { color: #0683ab; text-decoration: underline; }
#content {
background: #fff;
margin: 50px auto;
padding: 10px 20px;
width: 940px;
border-radius: 10px;
border: 1px solid #ccc;
}
#content h2 {
text-align: center;
color: #006fff;
padding-bottom: 20px;
}
#auth {
margin: 0 auto;
text-align: center;
}
#auth .form {
border: 1px solid #dddd99;
background: #ffffcc;
border-radius: 10px;
padding: 10px 20px;
width: 280px;
margin: 0 auto;
}
#foot {
padding-top: 30px;
padding-bottom: 30px;
text-align: center;
}
.submit {
height: 22px;
background: #0987cc;
background: -webkit-linear-gradient(top, #0ddddd 0%,#0777cc 100%);
background: -moz-linear-gradient(top, #0ddddd 0%,#0777cc 100%);
background: -o-linear-gradient(top, #0ddddd 0%,#0777cc 100%);
background: -ms-linear-gradient(top, #0ddddd 0%,#0777cc 100%);
background: linear-gradient(top, #0ddddd 0%,#0777cc 100%);
cursor: pointer;
padding: 2px 10px 5px 10px;
border: 0;
color: #fff;
border-radius: 4px;
}
.submit_green {
height: 22px;
background: #00aa00;
background: -webkit-linear-gradient(top, #00ee00 0%,#007700 100%);
background: -moz-linear-gradient(top, #00ee00 0%,#007700 100%);
background: -o-linear-gradient(top, #00ee00 0%,#007700 100%);
background: -ms-linear-gradient(top, #00ee00 0%,#007700 100%);
background: linear-gradient(top, #00ee00 0%,#007700 100%);
cursor: pointer;
padding: 2px 10px 5px 10px;
border: 0;
color: #fff;
border-radius: 4px;
}
.submit_red {
height: 22px;
background: #dd0000;
background: -webkit-linear-gradient(top, #ee5000 0%,#bb0000 100%);
background: -moz-linear-gradient(top, #ee5000 0%,#bb0000 100%);
background: -o-linear-gradient(top, #ee5000 0%,#bb0000 100%);
background: -ms-linear-gradient(top, #ee5000 0%,#bb0000 100%);
background: linear-gradient(top, #ee5000 0%,#bb0000 100%);
cursor: pointer;
padding: 2px 10px 5px 10px;
border: 0;
color: #fff;
border-radius: 4px;
}
.input {
border: 0;
border: 1px solid #cccccc;
padding: 1px 2px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
}
.select {
border: 0;
padding: 0;
border: 1px solid #cccccc;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
}
.textarea {
border: 0;
border: 1px solid #cccccc;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
}
.content_left {
float: left;
padding-right: 10px;
width: 180px;
}
.content_right {
float: left;
border-left: 1px solid #cccccc;
padding-left: 15px;
width: 730px;
}
.td_users {
background: #0987cc;
padding: 2px 4px;
color: #fff;
font-weight: bold;
text-align: center;
}
.td_users_cont_w {
background: #eee;
padding: 2px 4px;
color: #555;
text-align: center;
border: 1px solid #ccc;
}
.td_users_cont_t {
background: #ccc;
padding: 2px 4px;
color: #555;
text-align: center;
border: 1px solid #999;
}
.brnews {
margin-top: 10px;
background: #fff;
border: 1px solid #ccc;
padding: 4px 10px;
border-radius: 4px;
}
.class_img {
background : url("../images/class.png") no-repeat;
width : 16px;
height : 16px;
padding : 0 0 8px 18px;
cursor : pointer;
}
.comm_img {
background : url("../images/comm.png") no-repeat;
width : 16px;
height : 16px;
padding : 0 0 8px 17px;
}
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
a.red { color: red }
a.green { color: green }
.red { color: red }
.green { color: green }
/* **************************************************************************************************************************************** */
.arcticmodal-overlay, .arcticmodal-container { display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; }
.arcticmodal-container { overflow: auto; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100%; }
.arcticmodal-container_i { height: 100%; margin: 0 auto; color: #000; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 10px; border-radius: 10px; background: #fff; color: #000; }
.arcticmodal-loading { width: 70px; margin: auto; background: #000 url('../images/load.gif') no-repeat center; padding: 20px; height: 10px; border-radius: 5px; /*-moz-border-radius: 5px; -webkit-border-radius: 5px;box-shadow: 0px 2px 8px 1px #444; -moz-box-shadow: 0px 2px 8px 1px #444; -webkit-box-shadow: 0px 2px 8px 1px #444;*/
opacity: 0.6; filter: alpha(opacity=60); }
/* ***************************************************************************************************************************************** */
/* ******************************************************* оформление модального окна ************************************************************* */
div.box_bg { box-shadow: 0px 0px 15px 1px #666; -moz-box-shadow: 0px 0px 15px 1px #666; -webkit-box-shadow: 0px 0px 15px 1px #666; }
div.box_bg { margin: auto; }
div.box_title {
height: 30px;
width: 100%;
font-size: 15px;
color: #eee;
font-weight: bold;
background: #225d7e;
background: -webkit-linear-gradient(top, #12a4e0 0%,#225d7e 100%);
background: -moz-linear-gradient(top, #12a4e0 0%,#225d7e 100%);
background: -o-linear-gradient(top, #12a4e0 0%,#225d7e 100%);
background: -ms-linear-gradient(top, #12a4e0 0%,#225d7e 100%);
background: linear-gradient(top, #12a4e0 0%,#225d7e 100%);
font-style: italic;
font-family: verdana;
}
div.box_close { background: url('../images/close.png') no-repeat; width: 11px; height: 11px; cursor: pointer; margin-top: 8px; margin-right: 10px; }
div.box_conetnt { background: #fff; font-size: 12px; }
div.box_footer {
padding: 7px;
border-top: 1px solid #858585;
height: 25px;
background: #f0f0f0;
background: -webkit-linear-gradient(top, #f0f0f0 0%,#cccccc 100%);
background: -moz-linear-gradient(top, #f0f0f0 0%,#cccccc 100%);
background: -o-linear-gradient(top, #f0f0f0 0%,#cccccc 100%);
background: -ms-linear-gradient(top, #f0f0f0 0%,#cccccc 100%);
background: linear-gradient(top, #f0f0f0 0%,#cccccc 100%);
}
/* ************************************************************************************************************************************************ */
/* ******************************************************* pager ******************************************************* */
.pager {
color: #565656;
margin: 5px 0;
padding: 5px 8px;
font-size: 12px;
font-style: verdana;
font-weight: bold;
border-radius: 4px;
}
.pager li { display: inline; margin: 0 2px; }
.pager li span.cur { padding: 2px 4px; border: 1px solid #009900; border-radius: 2px; background: #6bb900; color: #fff; }
.pager li a { padding: 2px 4px; text-decoration: none; border: 1px solid #009900; border-radius: 2px; }
/* **************************************************************************************************************** */