السلام عليكم و رحمة الله و بركاته أخواني الأفاضل رجائا محتاج مساعدة عاجلة مند أسبوع و أنا أتصارع مع
أكواد ال css لجعل الفوتر تابت بالأسفل و متمدد
هده صفحة الستايل رجائا ساعدوني :
كود:
body{
background: url('../img/background.png') repeat;
font-size: 12px;
font-family: Arial, Verdana, Sans-Serif;
margin:0;
padding:0;
}
* {
line-height:1.22em;
outline:0;
}
textarea{
overflow: auto;
font-family: arial;
}
img {
vertical-align:middle;
border:none;
}
a {
color:#004b72;
text-decoration:none;
}
a:visited, a:link {
text-decoration:none;
}
input{
vertical-align:middle;
}
.clear{
clear:both !important;
height:0 !important;
line-height:0 !important;
font-size:0 !important;
margin:0 !important;
padding:0 !important;
}
.left{
float:left;
}
.right{
float:right;
}
.cont{
text-align: center;
}
.cont .wrapper .block{
text-align: left;
background: url('../img/block_bg.jpg') repeat;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.cont .wrapper .block .login-tabs{
display: none;
}
.cont .wrapper .block .login-tabs.active{
display: block;
}
.cont .wrapper .block p{
margin: 0 0 20px 0;
}
.cont .wrapper .block.login .top{
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
}
.cont .wrapper .block.login .top .black{
background: url('../img/login_black_bg.jpg') repeat-x;
height: 40px;
border-radius:4px 4px 0 0;
-moz-border-radius:4px 4px 0 0;
-webkit-border-radius:4px 4px 0 0;
-moz-box-shadow:0 -1px 0 #434343;
-webkit-box-shadow:0 -1px 0 #434343;
box-shadow:0 -1px 0 #434343;
}
.cont .wrapper .block.login .top .black h2{
font-size: 13px;
font-weight: bold;
color: #cccccc;
margin: 0;
padding: 10px 20px;
}
.cont .wrapper .block.login .top .gray{
background: url('../img/login_gray_bg.jpg') repeat-x;
height: 40px;
border-bottom: 1px solid #f2f2f2;
}
.cont .wrapper .block.login .top .gray ul{
list-style: none;
margin: 0;
padding: 12px 20px
}
.cont .wrapper .block.login .top .gray ul li{
display: inline-block;
margin-right: 10px;
}
.cont .wrapper .block.login .top .gray ul li a{
font-size: 11px;
color: #494949;
display: inline-block;
padding:2px 10px 4px 10px;
}
.cont .wrapper .block.login .top .gray ul li a:hover{
color:#ffffff;
background:#005297;
-moz-box-shadow:0 1px 0 #ececec, 0 -1px 0 #606060;
-webkit-box-shadow:0 1px 0 #ececec, 0 -1px 0 #606060;
box-shadow:0 1px 0 #ececec, 0 -1px 0 #606060;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
}
.cont .wrapper .block.login .top .gray ul li a.active{
color:#ffffff;
background:#005297;
-moz-box-shadow:0 1px 0 #ececec, 0 -1px 0 #606060;
-webkit-box-shadow:0 1px 0 #ececec, 0 -1px 0 #606060;
box-shadow:0 1px 0 #ececec, 0 -1px 0 #606060;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
}
.cont .wrapper .block .content table td {
font-size: 14px;
color: #000;
padding-bottom: 10px;
}
.cont .wrapper .block.login .content{
padding:20px 30px 5px 30px;
}
.cont .wrapper .block .content .msg div{
padding: 10px;
margin-bottom: 10px;
font-size: 12px;
position: relative;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.cont .wrapper .block .content .msg div span.close{
background: url('../img/small_close.png') no-repeat;
position: absolute;
width: 17px;
height: 17px;
display: block;
right: 10px;
top: 9px;
cursor: pointer;
}
.cont .wrapper .block .content .msg div.error{
color: #A32326;
border: solid 1px #DB8288;
background: #EF8F95;
background: -webkit-gradient(linear, left top, left bottom, from(#F4AFB2), to(#EF8F95)); /* for webkit browsers */
background: -moz-linear-gradient(top, #F4AFB2, #EF8F95); /* for firefox 3.6+ */
background: -o-linear-gradient(top, #F4AFB2, #EF8F95); /* for firefox 3.6+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F4AFB2, endColorstr=#EF8F95);
}
.cont .wrapper .block .content .msg div.success{
color: #39531E;
border: solid 1px #8FC256;
background: #91C358;
background: -webkit-gradient(linear, left top, left bottom, from(#A8D07C), to(#91C358)); /* for webkit browsers */
background: -moz-linear-gradient(top, #A8D07C, #91C358); /* for firefox 3.6+ */
background: -o-linear-gradient(top, #A8D07C, #91C358); /* for firefox 3.6+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A8D07C, endColorstr=#91C358);
}
.cont .wrapper .block .content .msg div.warning{
color: #9D4300;
border: solid 1px #FFA34F;
background: #F19D49;
background: -webkit-gradient(linear, left top, left bottom, from(#FFC474), to(#F19D49)); /* for webkit browsers */
background: -moz-linear-gradient(top, #FFC474, #F19D49); /* for firefox 3.6+ */
background: -o-linear-gradient(top, #FFC474, #F19D49); /* for firefox 3.6+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFC474, endColorstr=#F19D49);
}
.cont .wrapper .block .content .msg div.info{
color: #0067CE;
border: solid 1px #6BBAFF;
background: #6BBAFF;
background: -webkit-gradient(linear, left top, left bottom, from(#94D1FF), to(#6BBAFF)); /* for webkit browsers */
background: -moz-linear-gradient(top, #94D1FF, #6BBAFF); /* for firefox 3.6+ */
background: -o-linear-gradient(top, #94D1FF, #6BBAFF); /* for firefox 3.6+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#94D1FF, endColorstr=#6BBAFF);
}
.cont .wrapper .block .content .msg ul{
padding: 10px;
margin: 0 0 10px 0;
font-size: 12px;
position: relative;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
list-style: none;
}
.cont .wrapper .block .content .msg ul li{
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
.cont .wrapper .block .content .msg ul li.close{
background: url('../img/small_close.png') no-repeat;
position: absolute;
width: 17px;
height: 17px;
display: block;
right: 10px;
top: 9px;
cursor: pointer;
}
.cont .wrapper .block .content .msg ul.error{
color: #A32326;
border: solid 1px #DB8288;
background: #EF8F95;
background: -webkit-gradient(linear, left top, left bottom, from(#F4AFB2), to(#EF8F95)); /* for webkit browsers */
background: -moz-linear-gradient(top, #F4AFB2, #EF8F95); /* for firefox 3.6+ */
background: -o-linear-gradient(top, #F4AFB2, #EF8F95); /* for firefox 3.6+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F4AFB2, endColorstr=#EF8F95);
}
.cont .wrapper .block .content .msg ul.success{
color: #39531E;
border: solid 1px #8FC256;
background: #91C358;
background: -webkit-gradient(linear, left top, left bottom, from(#A8D07C), to(#91C358)); /* for webkit browsers */
background: -moz-linear-gradient(top, #A8D07C, #91C358); /* for firefox 3.6+ */
background: -o-linear-gradient(top, #A8D07C, #91C358); /* for firefox 3.6+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A8D07C, endColorstr=#91C358);
}
.cont .wrapper .block .content .msg ul.warning{
color: #9D4300;
border: solid 1px #FFA34F;
background: #F19D49;
background: -webkit-gradient(linear, left top, left bottom, from(#FFC474), to(#F19D49)); /* for webkit browsers */
background: -moz-linear-gradient(top, #FFC474, #F19D49); /* for firefox 3.6+ */
background: -o-linear-gradient(top, #FFC474, #F19D49); /* for firefox 3.6+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFC474, endColorstr=#F19D49);
}
.cont .wrapper .block .content .msg ul.info{
color: #0067CE;
border: solid 1px #6BBAFF;
background: #6BBAFF;
background: -webkit-gradient(linear, left top, left bottom, from(#94D1FF), to(#6BBAFF)); /* for webkit browsers */
background: -moz-linear-gradient(top, #94D1FF, #6BBAFF); /* for firefox 3.6+ */
background: -o-linear-gradient(top, #94D1FF, #6BBAFF); /* for firefox 3.6+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#94D1FF, endColorstr=#6BBAFF);
}
.cont .wrapper .block .content .msg {
}
.cont .wrapper .block .content .msg p {
margin: 10px 0 0 0;
}
.cont .wrapper .block .content .msg p:first-child {
margin: 0;
}
.cont .wrapper .block.login p label{
font-size: 11px;
color:#595959;
}
.cont .menu{
height: 57px;
text-align: center;
padding-top: 4px;
margin-bottom: 45px;
}
.cont .wrapper .block.login p input.black.small{
height:32px;
width:82px;
padding: 5px 10px;
border: none;
color:#ffffff;
font-weight: bold;
font-size: 11px;
margin-right: 20px;
cursor: pointer;
text-shadow: 0 1px 0 #252525;
background: url('../img/black_small.png') no-repeat;
}
.cont .wrapper .block p input.gray.small{
height:32px;
width:82px;
padding: 5px 10px;
border: none;
cursor: pointer;
color:#5B5B5B;
font-weight: bold;
font-size: 11px;
text-shadow: 0 1px 0 #D5D5D5;
background: url('../img/gray_small.png') no-repeat;
}
/* 1st layer menu*/
.cont .menu .menu-wrap ul{
padding: 0;
margin: 0;
list-style: none;
font-size: 0;
}
.cont .menu .menu-wrap ul li{
height: 57px;
display: inline-block;
border-right: 1px solid rgba(0,0,0,0.2);
border-left: 1px solid rgba(255,255,255,0.1);
position: relative;
}
.cont .menu .menu-wrap ul li a{
border: none;
font-size: 14px;
color: #ffffff;
padding: 20px 10px;
display: inline-block;
border-right: 1px solid rgba(255,255,255,0.1);
text-shadow: 0 1px 0 rgba(0,0,0,0.5);
font-weight: 300;
}
.cont .menu .menu-wrap ul li a:hover{
background: url('../img/menu_top_bg.png') repeat;
border-right: 1px solid rgba(0,0,0,0.1);
}
.cont .menu .menu-wrap ul li.iehover {
border-left: 1px solid rgba(0,0,0,0.2);
}
.cont .menu .menu-wrap ul li.iehover a{
background: url('../img/menu_top_bg.png') repeat;
}
/* 2nd layer menu*/
.cont .menu .menu-wrap ul li:hover ul li a,
.cont .menu .menu-wrap ul li.iehover ul li a{
background: url('../img/submenu_bg.png') repeat;
}
.cont .menu .menu-wrap ul li:hover ul li a:hover,
.cont .menu .menu-wrap ul li.iehover ul li a:hover{
background: none;
background-color: #004783;
}
.cont .menu .menu-wrap ul li ul{
display: none;
position: absolute;
top: 57px;
left: -2px;
width: 150px;
z-index: 20;
}
.cont .menu .menu-wrap ul li ul li{
display: block;
background: none;
height: 30px;
position: relative;
border: 0;
}
.cont .menu .menu-wrap ul li ul li.iehover {
border: 0;
}
.cont .menu .menu-wrap ul li ul li a{
height: 16px;
padding: 7px 10px;
background: url('../img/submenu_bg.png') repeat;
color: #ececec;
font-size: 12px;
display: block;
font-family: arial;
font-style: normal;
font-weight: normal;
}
.cont .menu .menu-wrap ul li:hover li a:hover,
.cont .menu .menu-wrap ul li:hover li:hover a,
.cont .menu .menu-wrap ul li.iehover li a:hover,
.cont .menu .menu-wrap ul li.iehover li.iehover a {
background-color: #000000;
color: #ffffff;
}
/* 3rd layer menu*/
.cont .menu .menu-wrap ul li ul li ul{
position: absolute;
top: 0;
left: 150px;
}
.cont .menu .menu-wrap ul li:hover ul li:hover ul li a,
.cont .menu .menu-wrap ul li.iehover ul li.iehover ul li a{
background: url('../img/submenu_bg.png') repeat;
color: #999999;
}
.cont .menu .menu-wrap ul li:hover ul li:hover ul li a:hover,
.cont .menu .menu-wrap ul li.iehover ul li.iehover ul li a:hover{
background-color: #000000;
color: #ffffff;
}
.cont .menu .menu-wrap ul li:hover li:hover li a:hover,
.cont .menu .menu-wrap ul li:hover li:hover li:hover a,
.cont .menu .menu-wrap ul li.iehover li.iehover li a:hover,
.cont .menu .menu-wrap ul li.iehover li.iehover li.iehover a{
background-color: #000000;
color: #ffffff;
}
/* 4 layer menu*/
.cont .menu .menu-wrap ul li:hover ul li:hover ul li:hover ul li a,
.cont .menu .menu-wrap ul li.iehover ul li.iehover ul li.iehover ul li a{
background: url('../img/submenu_bg.png') repeat;
color: #999999;
}
.cont .menu .menu-wrap ul li:hover ul li:hover ul li:hover ul li a:hover,
.cont .menu .menu-wrap ul li.iehover ul li.iehover ul li.iehover ul li a:hover{
background-color: #000000;
color: #ffffff;
}
.cont .menu .menu-wrap .logo{
background: url('../img/logo_bg.png') no-repeat;
width: 102px;
height: 89px;
float: left;
}
.cont .menu .menu-wrap .search{
height: 27px;
padding: 15px 0;
width: 140px;
}
.cont .menu .menu-wrap .search input.search{
border: medium none;
color: #FFFFFF;
font-family: 'Lato';
font-size: 11px;
font-style: italic;
font-weight: 400;
height: 22px;
line-height: 14px;
padding: 3px 10px 2px 35px;
width: 97px;
position: absolute;
right: 15px;
}
.cont .menu .menu-wrap .login{
margin-top: 1px;
width: 43px;
height: 56px;
background: url('../img/login-border.png') no-repeat left,url('../img/login-border.png') no-repeat right;
position: relative;
cursor: pointer;
margin-left: 150px;
position: relative;
}
.cont .menu .menu-wrap .login span.ico{
position: absolute;
top:24px;
left: 12px;
display: block;
width: 19px;
height: 17px;
z-index: 0;
}
.cont .menu .menu-wrap .login.active{
background: url('../img/login-border.png') no-repeat left,url('../img/login-border.png') no-repeat right,rgba(0,0,0,0.3);
}
.cont .menu .menu-wrap .login .details{
display: none;
width: 220px;
cursor: default;
position: absolute;
top: 65px;
left: -170px;
background-color: #ffffff;
z-index: 10;
text-align: left;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.5);
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5);
box-shadow:0 1px 2px rgba(0,0,0,0.5);
}
.cont .menu .menu-wrap .login .details .top{
position: relative;
padding: 10px 0 10px 0;
border-bottom: solid 1px #F6B645;
background: #FECF4C;
background: -webkit-gradient(linear, left top, left bottom, from(#FECF4C), to(#F5AA25)); /* for webkit browsers */
background: -moz-linear-gradient(top, #FECF4C, #F5AA25); /* for firefox 3.6+ */
background: -o-linear-gradient(top, #FECF4C, #F5AA25); /* for firefox 3.6+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FECF4C, endColorstr=#F5AA25);
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
}
.cont .menu .menu-wrap .login .details .top .pointer{
position: absolute;
top: -7px;
right: 20px;
background: url('../img/login_pointer_orange.png') no-repeat;
width: 14px;
height:8px;
}
.cont .menu .menu-wrap .login .details .top .bbg{
background: url('../img/login_orange_bg.png') no-repeat;
position: absolute;
bottom: -2px;
left: 5px;
width: 204px;
height: 3px;
}
.cont .menu .menu-wrap .login .details .top img{
position: absolute;
top: 10px;
left: 15px;
border: solid 1px #FFA317;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-moz-box-shadow:0 1px 0 #F9C86B;
-webkit-box-shadow:0 1px 0 #F9C86B;
box-shadow:0 1px 0 #F9C86B;
}
.cont .menu .menu-wrap .login .details .top .line{
margin-left: 70px;
margin-bottom: 5px;
}
.cont .menu .menu-wrap .login .details .top .line a{
color: #643D06;
text-decoration: underline;
font-family: 'Lato';
font-size: 11px;
font-weight: 400;
}
.cont .menu .menu-wrap .login .details .top .line a:hover{
text-decoration: none;
}
.cont .menu .menu-wrap .login .details .top .line.email{
color: #643D06;
font-family: 'Lato';
font-style: italic;
font-size: 12px;
font-weight: 400;
}
.cont .menu .menu-wrap .login .details .top .line.name{
width: 140px;
}
.cont .menu .menu-wrap .login .details .top .line.name a{
color: #643D06;
font-family: 'Lato';
font-size: 15px;
font-weight: 900;
text-decoration: none;
}
.cont .menu .menu-wrap .login .details .top .line.name a:hover{
text-decoration: underline;
}
.cont .menu .menu-wrap .login .details .bottom{
padding: 10px 0;
background: #FECF4C;
background: -webkit-gradient(linear, left top, left bottom, from(#FECF4C), to(#F5AA25)); /* for webkit browsers */
background: -moz-linear-gradient(top, #FECF4C, #F5AA25); /* for firefox 3.6+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FECF4C, endColorstr=#F5AA25);
border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
-webkit-border-radius:0 0 5px 5px;
}
.cont .menu .menu-wrap .login .details .bottom .line {
}
.cont .menu .menu-wrap .login .details .bottom .line a{
background: url('../img/login_line_orange_bg.png') no-repeat bottom;
padding: 10px 15px;
display: block;
font-size: 11px;
color: #643D06;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
.cont .menu .menu-wrap .login .details .bottom .line a:hover{
background-color: rgba(0,0,0,0.35);
color: white;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.cont .menu .menu-wrap .login .details .bottom .line:last-child a {
background: none;
}
.cont .menu .menu-wrap .login .details .bottom .line:last-child a:hover {
color: white;
background-color: rgba(0,0,0,0.35);
}
.cont .menu .menu-wrap .login span.no{
display: block;
color: #304411;
font-size: 9px;
position: absolute;
right: 7px;
top: 10px;
padding: 1px 3px;
z-index: 1;
background: #FFB653;
background: -webkit-gradient(linear, left top, left bottom, from(#FFB653), to(#EE931A)); /* for webkit browsers */
background: -moz-linear-gradient(top, #FFB653, #EE931A); /* for firefox 3.6+ */
background: -o-linear-gradient(top, #FFB653, #EE931A); /* for opera */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFB653, endColorstr=#EE931A);
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-moz-box-shadow:1px 1px 3px #2F4310, inset 0 2px 0 0 #FFCC87;;
-webkit-box-shadow:1px 1px 3px #2F4310, inset 0 2px 0 0 #FFCC87;;
box-shadow:1px 1px 3px #2F4310, inset 0 2px 0 0 #FFCC87;;
}
.cont .wrapper .block .tbl.small{
width: 122px !important;
height: 40px !important;
border: none;
padding: 5px 10px;
display: inline-block;
cursor: pointer;
margin: 0 0 0 10px;
font-size: 15px !important;
font-family: 'Lato';
font-style: normal;
font-weight: 900;
}
.cont .wrapper .sidebar .block .content .tbl.small{
margin: 0 0 0 80px;
}
.cont .wrapper .block .tbl.small.green{
background: url('../img/submit_green_small.png') no-repeat;
color: #40581D;
text-shadow: 0 1px 0 #A2C966;
}
.cont .wrapper .block .tbl.small.green:hover{
background: url('../img/submit_green_small.png') no-repeat 0 -40px;
color: #ffffff;
text-shadow: 0 1px 0 #6A9032;
}
.cont .wrapper .block .tbl.small.gray{
background: url('../img/submit_gray_small.png') no-repeat;
color: #4F4F4F;
text-shadow: 0 1px 0 #ECECEC;
}
.cont .wrapper .block .tbl.small.gray:hover{
background: url('../img/submit_gray_small.png') no-repeat 0 -40px;
color: #ffffff;
text-shadow: 0 1px 0 #808080;
}
.cont .wrapper .block .tbl.small.yellow{
background: url('../img/submit_yellow_small.png') no-repeat;
color: #7B550F;
text-shadow: 0 1px 0 #EBD270;
}
.cont .wrapper .block .tbl.small.yellow:hover{
background: url('../img/submit_yellow_small.png') no-repeat 0 -40px;
color: #ffffff;
text-shadow: 0 1px 0 #9D8422;
}
.cont .wrapper .block .tbl.small.red{
background: url('../img/submit_red_small.png') no-repeat;
color: #521D1D;
text-shadow: 0 1px 0 #EA6565;
}
.cont .wrapper .block .tbl.small.red:hover{
background: url('../img/submit_red_small.png') no-repeat 0 -40px;
color: #ffffff;
text-shadow: 0 1px 0 #A92E2E;
}
.cont .wrapper .block.login{
width: 400px;
margin: 0 auto;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
}
.cont .wrapper h1.logo{
text-align: left;
margin: 50px auto 10px auto;
padding: 0;
width: 400px;
}
.cont .wrapper .block.login p input.text{
width:334px;
height:22px;
border-top:solid 1px #B7B7B7;
border-bottom: none;
border-left: none;
border-right: none;
padding: 2px 4px;
color:#333333;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.cont .menu .menu-wrap ul{
text-align: left;
}
.cont .menu .menu-wrap{
margin: 0 auto;
height: 57px;
}
.cont .wrapper .sidebar.left{
float: left;
margin-right: 20px;
}
.cont .wrapper .sidebar.right{
margin-left: 20px;
}
.cont .wrapper .sidebar{
width: 300px;
}
.cont .wrapper .sidebar .block{
margin-bottom: 20px;
}
.cont .wrapper .sidebar .block .top{
background: url('../img/block_top_bg.jpg') repeat-x;
height: 35px;
width: 300px;
position: relative;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
}
.cont .wrapper .sidebar .block.closed .top {
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px ;
}
.cont .wrapper .sidebar .block .top h2{
margin: 0;
font-size: 15px;
font-weight: 900;
color: #333333;
padding: 8px 0 8px 16px;
width: 250px;
font-family: 'Lato';
font-style: normal;
font-weight: normal;
}
.cont .wrapper .sidebar .block.closed .top a.toggle{
background: url('../img/black_arrow_closed.png') no-repeat 2px 4px;
}
.cont .wrapper .sidebar .block .top a.toggle{
background: url('../img/black_arrow.png') no-repeat 2px 4px;
width: 20px;
height: 20px;
display: block;
position: absolute;
top: 8px;
right: 20px;
}
.cont .wrapper .sidebar .block .content{
padding:10px;
}
.cont .wrapper .sidebar .block .content.text{
font-size: 12px;
color: #333333;
padding: 15px 25px 25px 25px;
line-height: 22px;
}
.cont .wrapper .sidebar .block .content.text h3{
margin: 0 0 10px 0;
font-size: 11px;
font-family: 'Lato';
font-style: normal;
font-weight: 900;
}
.cont .wrapper .sidebar .block .content ul{
padding: 0;
margin: 0;
list-style: none;
}
.cont .wrapper .sidebar .block .content ul li{
margin-bottom: 3px;
}
.cont .wrapper .sidebar .block .content ul li a{
display: block;
padding: 6px 11px;
font-size: 13px;
color: #333333;
}
.cont .wrapper .sidebar .block .content ul li a.active,
.cont .wrapper .sidebar .block .content ul li a:hover{
padding: 5px 10px;
color: #ffffff;
border: 1px solid white;
box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5) inset;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.cont .wrapper .block.medium .top{
background: url('../img/top_bg.png') no-repeat left top, url('../img/h1_bg.png') no-repeat right top;
left: 0px;
position: absolute;
top: 10px;
}
.cont .wrapper .block.medium .top h1{
margin: 5px 0 0 0;
font-family: 'PT Sans Narrow';
font-size: 34px;
color: #ffffff;
padding: 5px 95px 10px 50px;
}
.cont .wrapper .block.medium .top ul{
padding: 0;
margin: 0;
list-style: none;
font-size: 0;
position: absolute;
top: 25px;
right: 10px;
width: 300px;
text-align: right;
}
.cont .wrapper .block.medium .top ul li{
display: inline-block;
height: 20px;
background: url("../img/menu_separator.png") no-repeat;
}
.cont .wrapper .block.medium .top ul li:first-child{
background: none;
}
.cont .wrapper .block.medium .top ul li a{
color: #ffffff;
font-size: 13px;
display: inline-block;
padding: 2px 10px;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
}
.cont .wrapper .block.medium .top ul li a.selected,
.cont .wrapper .block.medium .top ul li a:hover{
text-decoration: underline;
}
.cont .wrapper .block.medium .content{
margin-top: 65px;
}
.cont .wrapper .block .content h2{
margin:10px;
font-family: 'PT Sans Narrow';
font-size: 26px;
font-weight: 500;
text-shadow: 0 1px 0 rgba(255,255,255,0.75);
}
.cont .wrapper .block .content h3{
color:#333333;
margin:10px;
font-family: 'PT Sans Narrow';
font-size: 24px;
font-weight: 500;
text-shadow: 0 1px 0 rgba(255,255,255,0.75);
}
.cont .wrapper .block .content h4{
color:#333333;
margin:10px;
font-family: 'PT Sans Narrow';
font-size: 22px;
font-weight: 500;
text-shadow: 0 1px 0 rgba(255,255,255,0.75);
}
.cont .wrapper .block .content h5{
color:#333333;
margin:10px;
font-family: 'PT Sans Narrow';
font-size: 20px;
font-weight: 500;
text-shadow: 0 1px 0 rgba(255,255,255,0.75);
}
.cont .wrapper .block.medium .content hr{
background: url("../img/hr_bg.png") no-repeat;
border: none;
margin: 15px 0;
height: 2px;
}
.cont .wrapper .block.medium .content p{
font-size: 12px;
color: #333333;
margin: 0 0 10px 0;
}
.cont .wrapper .block.medium .content form fieldset,
.cont .wrapper .block.medium .content .form{
padding: 20px;
margin: 5px 0 0 0;
border: 0;
background: url('../img/fieldset_bg.jpg') repeat;
position: relative;
border: solid 1px #ADADAD;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.cont .wrapper .block.medium .content form fieldset legend{
padding: 0;
position: absolute;
top: -40px;
left: 0;
font-family: 'Lato';
font-style: normal;
font-weight: 300;
font-size: 14px;
color: #666666;
}
.cont .wrapper .block.medium .content p{
clear: both;
line-height: 22px;
}
.cont .wrapper .block.medium .content form fieldset p label,
.cont .wrapper .block.medium .content .form p label{
font-family: 'Lato';
font-style: normal;
font-weight: bold;
font-size: 12px;
color: #4b4b4b;
display: inline-block;
margin-bottom: 5px;
}
.cont .wrapper .block.medium .content form fieldset p label.checkbox,
.cont .wrapper .block.medium .content .form p label.checkbox{
margin-right: 20px;
}
.cont .wrapper .block.medium .content form fieldset p label.radio,
.cont .wrapper .block.medium .content .form p label.radio{
margin-right: 20px;
}
.cont .wrapper .block.medium .content form fieldset p small.above,
.cont .wrapper .block.medium .content .form p small.above{
float: right;
font-size: 11px;
color: #828282;
}
.cont .wrapper .block.medium .content form fieldset p small.below,
.cont .wrapper .block.medium .content .form p small.below{
color: #828282;
display: block;
font-size: 11px;
margin-top: 5px;
}
.cont .wrapper .block.medium .content form fieldset p input.text.error,
.cont .wrapper .block.medium .content .form p input.text.error{
border: solid 1px #9C0303 !important;
}
.cont .wrapper .block.medium .content form fieldset p span.error,
.cont .wrapper .block.medium .content .form p span.error{
float: right;
font-size: 12px;
color: #A80000;
}
.cont .wrapper .block.medium .content form fieldset p input.text.big,
.cont .wrapper .block.medium .content .form p input.text.big{
height: 30px;
border:solid 1px #9A9A9A;
padding: 2px 4px;
color: #333333;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
input.text.big{
height: 30px;
min-width: 216px;
border:solid 1px #9A9A9A;
padding: 2px 4px;
color: #333333;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
input.password{
width: 180px;
height: 30px;
border:solid 1px #9A9A9A;
padding: 2px 40px 2px 4px;
color: #333333;
background: url('../img/pass_bg.png') no-repeat right #ffffff;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
textarea{
border: solid 1px #bbbbbb;
font-size: 12px;
color: #333333;
min-width: 587px;
padding: 2px 4px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.cont .wrapper .block.medium .content form fieldset p input.password,
.cont .wrapper .block.medium .content .form p input.password{
width: 280px;
height: 30px;
border:solid 1px #9A9A9A;
padding: 2px 40px 2px 4px;
color: #333333;
background: url('../img/pass_bg.png') no-repeat right #ffffff;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.cont .wrapper .block.medium .content form fieldset p input.datepicker,
.cont .wrapper .block.medium .content .form p input.datepicker{
width: 150px;
height: 30px;
border:solid 1px #9A9A9A;
padding: 2px 40px 2px 4px;
color: #333333;
background: url('../img/date_bg.png') no-repeat right #ffffff;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.cont .wrapper .block.medium .content form fieldset p textarea,
.cont .wrapper .block.medium .content .form p textarea{
border: solid 1px #bbbbbb;
font-size: 12px;
color: #333333;
min-width: 587px;
padding: 2px 4px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.cont .wrapper .block.medium .top h2{
margin: 5px 0 0 0;
font-family: 'PT Sans Narrow';
font-size: 26px;
color: #ffffff;
padding: 10px 295px 10px 50px;
}
.cont .wrapper .block.medium .top h2.h1{
font-size:34px;
margin: 5px 0 0;
padding: 10px 295px 10px 50px;
}
.cont .wrapper .block.medium .top input.search{
border: medium none;
color: #FFFFFF;
font-family: 'Lato';
font-size: 11px;
font-style: italic;
font-weight: 400;
height: 20px;
line-height: 14px;
padding: 5px 10px 2px 35px;
width: 97px;
position: absolute;
margin-top: -10px;
top: 50%;
right: 15px;
}
.cont .wrapper .top-msg .message{
height: 90px;
clear: both;
margin: 0 auto 20px auto;
position: relative;
padding: 15px;
text-align: left;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.cont .wrapper .top-msg .message span.close{
background: url('../img/close.png') no-repeat;
position: absolute;
right: 7px;
top: 10px;
width: 24px;
height: 25px;
cursor: pointer;
}
.cont .wrapper .top-msg .message h2{
margin: 10px 0 10px 115px;
font-size: 24px;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
color: #ffffff;
}
.cont .wrapper .top-msg .message p{
font-size: 13px;
color: #ffffff;
margin: 10px 0 10px 115px;
}
.cont .wrapper .top-msg .message.error{
background: url('../img/error_bg.jpg') repeat-x;
text-shadow: 0 1px 0 #590101;
}
.cont .wrapper .top-msg .message.error span.bg{
background: url('../img/error_span_bg.png') no-repeat;
position: absolute;
left: 45px;
top: 35px;
width: 58px;
height: 60px;
}
.cont .wrapper .top-msg .message.success{
background: url('../img/success_bg.jpg') repeat-x;
text-shadow: 0 1px 0 #36481B;
}
.cont .wrapper .top-msg .message.success span.bg{
background: url('../img/success_span_bg.png') no-repeat;
position: absolute;
left: 45px;
top: 35px;
width: 58px;
height: 60px;
}
.cont .wrapper .top-msg .message.warning{
background: url('../img/warning_bg.jpg') repeat-x;
text-shadow: 0 1px 0 #824B0C;
}
.cont .wrapper .top-msg .message.warning span.bg{
background: url('../img/warning_span_bg.png') no-repeat;
position: absolute;
left: 45px;
top: 35px;
width: 76px;
height: 60px;
}
.cont .wrapper .top-msg .message.info{
background: url('../img/info_bg.jpg') repeat-x;
text-shadow: 0 1px 0 #0A3B57;
}
.cont .wrapper .top-msg .message.info span.bg{
background: url('../img/info_span_bg.png') no-repeat;
position: absolute;
left: 45px;
top: 35px;
width: 60px;
height: 60px;
}
.cont .wrapper .block .content ul.image-list{
list-style: none;
margin: 0;
padding: 0;
}
.cont .wrapper .block .content ul.image-list li{
float: left;
width: 110px;
height: 110px;
position: relative;
margin: 0 45px 20px 0;
}
.cont .wrapper .block .content ul.image-list li img{
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.cont .wrapper .block .content ul.image-list li.ui-state-highlight{
border:solid 1px #cccccc;
background: #D3D3D3;
width: 108px;
height: 108px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.cont .wrapper .block .content ul.image-list li ul{
display: none;
list-style: none;
padding: 0;
margin: 0;
bottom: 0;
left: 0;
position: absolute;
}
.cont .wrapper .block .content ul.image-list li ul li{
display: inline-block;
width: 110px;
height: 22px;
position: static;
margin: 0;
}
.cont .wrapper .block .content ul.image-list li ul li{
background: rgba(51,51,51,0.95);
}
.cont .wrapper .block .content ul.image-list li ul li a{
display: inline-block;
padding: 5px 20px;
margin: 0 0 0 10px;
font-size: 10px;
color: #ffffff;
}
.cont .wrapper .block .content ul.image-list li ul li a:hover{
text-decoration: underline;
}
.cont .wrapper .block .content ul.image-list li span.move{
width: 21px;
height: 21px;
position: absolute;
bottom: 89px;
left: 0;
background: url('../img/img_move.png') no-repeat;
display: block;
cursor: pointer;
display: none;
}
.cont .wrapper .block .content ul.image-list li ul li.edit a{
background: url('../img/img_edit.png') no-repeat left;
}
.cont .wrapper .block .content ul.image-list li ul li.delete a{
background: url('../img/img_delete.gif') no-repeat left;
}
.cont .wrapper .block .content ul.image-list li ul li.view a{
background: url('../img/img_view.gif') no-repeat left;
}
.cont .wrapper .block .content hr {
border-top: solid 1px #cccccc;;
height: 1px;
margin: 15px 0;
filter:alpha(opacity=60);
opacity:0.6;
clear: both;
}
.cont .wrapper .block .content .loader{
height: 20px;
border: solid 1px #111111;
padding: 6px;
position: relative;
margin: 20px 0;
background: #222222;
background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#454545)); /* for webkit browsers */
background: -moz-linear-gradient(top, #222222, #454545); /* for firefox 3.6+ */
background: -o-linear-gradient(top, #222222, #454545); /* for firefox 3.6+ */
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
-moz-box-shadow:0 1px 0 #ffffff, 0 -1px 0 #ffffff;
-webkit-box-shadow:0 1px 0 #ffffff, 0 -1px 0 #ffffff;
box-shadow:0 1px 0 #ffffff, 0 -1px 0 #ffffff;
}
.cont .wrapper .block .content .loader .progress{
height: 20px;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
}
.cont .wrapper .block .content .loader .progress .ui-progressbar-value{
height: 20px;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
}
.cont .wrapper .block .content .loader .percentage{
position: absolute;
top: 50%;
margin-top: -8px;
right: 25px;
color: #ffffff;
font-size: 14px;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}
.cont .wrapper .footer{
height: 10px;
margin: 0 0 10px 0;
padding: 15px 25px;
background: url("../img/footer_bg.png") repeat-x;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.cont .wrapper .footer a{
font-size: 11px;
color: #333333;
}
.cont .wrapper .footer a:hover{
text-decoration: underline;
}
.cont .wrapper .block select.styled{
width: 260px;
height: 38px;
border: solid 1px #9B9B9B;
}
.cont .wrapper .block .cmf-skinned-select{
background: url('../img/select_bg.png') no-repeat right;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
height: 36px !important;
}
.cont .wrapper .block .cmf-skinned-text{
padding: 7px 10px;
color: #666666;
font-size: 15px;
border: solid 1px #9B9B9B;
background-color: #ffffff;
height: 20px !important;
width: 200px !important;
border-radius:4px 0 0 4px;
-moz-border-radius:4px 0 0 4px;
-webkit-border-radius:4px 0 0 4px;
}
.cont .wrapper .block .pager .cmf-skinned-text{
height: 18px !important;
}
.ui-autocomplete{
list-style: none;
padding: 0;
margin: 0;
background: #E8E8E8;
background: rgba(232,232,232,0.9);
width: 140px;
-moz-box-shadow:1px 1px 3px #000000;
-webkit-box-shadow:1px 1px 3px #000000;
box-shadow:1px 1px 3px #000000;
}
.ui-autocomplete .ui-menu-item{
width: 142px;
}
.ui-autocomplete .ui-menu-item a{
text-align: left;
display: block;
padding: 5px 10px;
color: #000000;
}
.ui-autocomplete .ui-menu-item a.ui-state-hover{
color: #ffffff;
display: block;
}
.cont .wrapper .block p.file{
height: 60px;
}
.cont .wrapper .block.medium{
padding: 20px;
position: relative;
min-height: 100px;
margin-bottom: 50px;
}
/*END ALL*/
/*FIXED*/
.cont.fixed .wrapper .block.medium{
width: 640px;
}
.cont.fixed .wrapper{
margin: auto;
width: 1000px;
clear: both;
}
.cont.fixed .wrapper .top-msg.medium{
width: 680px;
}
.cont.fixed .wrapper .block.medium .content form fieldset p input.text.big,
.cont.fixed .wrapper .block.medium .content .form p input.text.big{
width: 588px;
}
.cont.fixed .wrapper .block.medium .content form fieldset p textarea,
.cont.fixed .wrapper .block.medium .content .form p textarea{
width: 587px;
min-width: 587px;
max-width:587px;
}
.cont.fixed .wrapper .block.medium .top{
width: 680px;
}
.cont.fixed .wrapper .top-msg.medium{
width: 680px;
}
.cont.fixed .wrapper .top-msg.big{
width: 1000px;
}
.cont.fixed .wrapper .footer{
width: 945px;
}
.cont.fixed .wrapper .sidebar.right{
float: right;
}
.cont.fixed .menu .menu-wrap{
width: 1000px;
}
.cont.fixed .menu .menu-wrap ul{
width: 700px;
float: left;
}
.cont.fixed .menu .menu-wrap ul li ul{
width: 150px;
}
.cont.fixed .menu .menu-wrap .search{
float: left;
position: relative;
}
.cont.fixed .menu .menu-wrap .login{
float: left;
}
/*END FIXED*/
/*LIQUID*/
.cont.liquid .wrapper {
min-width: 1000px;
margin: 0 20px 0 20px;
position: relative;
}
.cont.liquid .wrapper .sidebar.left{
float: none;
position: absolute;
left:0;
top:0;
}
.cont.liquid .wrapper .block.medium.right{
margin-left: 350px;
min-width: 640px;
float: none;
}
.cont.liquid .wrapper .block.medium .content form fieldset p input.text.big,
.cont.liquid .wrapper .block.medium .content .form p input.text.big{
width: 100%;
}
.cont.liquid .wrapper .block.medium .content form fieldset p textarea,
.cont.liquid .wrapper .block.medium .content .form p textarea{
width: 100%;
min-width: 587px;
}
.cont.liquid .wrapper .block.medium .top{
width: 100%;
padding-right: 19px;
overflow: hidden;
}
.cont.liquid .wrapper .block.medium .top h1{
width: 100%;
}
.cont.liquid .wrapper .top-msg.medium.right{
margin-left: 350px;
min-width: 680px;
float:none;
}
.cont.liquid .wrapper .block.medium .top h2{
width: 100%;
}
.cont.liquid .wrapper .top-msg.big{
min-width:1000px;
width: 100%;
}
.cont.liquid .wrapper .sidebar.right{
position: absolute;
right: 0;
top:0;
}
.cont.liquid .wrapper .block.medium.left{
margin-right: 350px;
min-width: 640px;
float: none;
}
.cont.liquid .wrapper .top-msg.medium.left{
margin-right: 350px;
min-width: 680px;
float:none;
}
.cont.liquid .menu .menu-wrap{
margin-left: 20px;
margin-right: 20px;
min-width: 1000px;
position: relative;
}
.cont.liquid .menu .menu-wrap .search{
position: absolute;
right:55px;
top:7px;
}
.cont.liquid .menu .menu-wrap .login{
position: absolute;
right: 0;
top:0px;
}
/*END LIQUID*/
/* QUICK LINKS */
ul.shortcuts {
margin: 0;
padding: 0;
list-style: none;
overflow: auto;
}
ul.shortcuts li {
margin: 0 0 10px 10px;
padding: 0;
float: left;
}
ul.shortcuts li a {
display: inline-block;
width: 300px;
height: 50px;
background: red;
border: 1px solid #bbbbbb;
position: relative;
color: #333333;
text-shadow: 0 1px 0 rgba(255,255,255,0.7);
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-color: #cccccc;
background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb)); /* for webkit browsers */
background: -moz-linear-gradient(top, #dddddd, #bbbbbb); /* for firefox 3.6+ */
background: -o-linear-gradient(top, #dddddd, #bbbbbb); /* for firefox 3.6+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dddddd, endColorstr=#bbbbbb);
}
ul.shortcuts li a:hover {
background-color: #bbbbbb;
background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#999999)); /* for webkit browsers */
background: -moz-linear-gradient(top, #dddddd, #999999); /* for firefox 3.6+ */
background: -o-linear-gradient(top, #dddddd, #999999); /* for firefox 3.6+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dddddd, endColorstr=#999999);
}
ul.shortcuts li a span.image {
position: absolute;
left: 1px;
top: 1px;
}
ul.shortcuts li a span.title {
position: absolute;
left: 55px;
top: 10px;
font-weight: bold;
}
ul.shortcuts li a small {
position: absolute;
left: 55px;
top: 25px;
}
.infobox {
display: block; clear: both;
background: #F7F5EF;
border: 1px solid #fff;
padding: 10px;
width: 98%;
margin-top: 18px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.infoboxleft {
display: block;
background: #F7F5EF;
border: 1px solid #fff;
padding: 10px;
width: 30%;
float: left;
margin: 5;
padding: 0;
margin-left: 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
#tbl {
margin: 4px 0;
width: 660px;
}
#tbl .tbl {
background: #e9ebf0;
border: 2px solid #cdcdcd;
float: left;
height: 75px;
margin: 8px 8px 0 0;
overflow: hidden;
padding-top: 10px;
position: relative;
text-align: center;
width: 120px;
}
#tbl .tbl-googleplus {
background: #eeeeee;
border-color: #178de5 #cdcdcd #ffc526 #cdcdcd;
}
#tbl .tbl-facebook {
background: #f2f2f2;
border-color: #5872a7 #ccc #ccc #ccc;
}
#tbl a.close {
color: #999;
font: bold 14px/14px Verdana, sans-serif;
position: absolute;
right: 5px;
text-decoration: none;
top: 5px;
width: 10px;
}
#tbl a.close:hover {
color: #333;
}
#tbl .title {
font-weight: bold;
line-height: 14px;
overflow: hidden;
margin: 5px auto 0;
max-height: 28px;
width: 120px;
}
#tbl .points {
margin-top: 5px;
}
#tbl .points b {
color: #039;
}
#tbl .tbl-googleplus .points b {
color: #2a8917;
}
#tbl .tbl-facebook .points b {
color: #2a8917;
}
.followbutton {
cursor: pointer;
display: block;
font-size: 12px;
margin: 3px 0;
padding: 4px 0;
text-align: center;
width: 70px;
background: url('../img/follow.jpg') repeat-x #009c0c;
border: 1px solid #267934;
-moz-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
color: #FFFFFF;
text-shadow: 0 -1px 1px #267934;
}
.followbutton:hover {
color: #ffffff;
font-size: 12px;
background: url('../img/followon.jpg') repeat-x #00ba21;
text-shadow: 0 -1px 1px #267934;
}
.follow {
position: static;
float: left;
width: 82px;
border: 1px solid #000000;
background-color: #eeeeee;
margin: 1px;
padding-top: 2px;
background: #ffffff;
text-align: center;
}
.followfooter {
position: static;
float: left;
width: 500px;
text-align: center;
}
.follow,.cards {
-moz-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
}
.maintable {
padding: 3px;
border: 1px solid #adadad;
-moz-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
}
.mainfocus {
padding: 3px;
border: 1px solid #1a3852;
-moz-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
}
.purchase {
width:200px;
height:140px;
text-align:center;
margin-top:10px;
background:#c2d9ff;
float:left;
margin-left:10px;
margin-bottom:20px;
}
.purchase-hdr {background:url(../img/login-top.jpg) repeat-x;
color:#ffffff !important;
display:block;
font-size:14px !important;
font-weight:normal;
margin-bottom:30px;
font-weight:bold;
padding:10px 20px;
text-align:center;
}
.coins {font-family:'arial'; font-size:60px; color:#117ebe; margin-left: 0; text-align:center;}
input[type=submit] {
background: #D0D1D4 url(../img/btn_submit.png) repeat-x;
border: 1px solid #A8A9A8;
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 #fff;
font-weight: bold;
height: 22px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 0 10px;
color: #666;
text-shadow: 0 1px 0 #fff;
cursor: pointer;
}
table { width: 100%; }
table tr td {
padding: 0px 10px;
border-bottom: 1px solid #E1DED4;
font-size: 0.8em;
}
table tr.theader th {
background: #E1DED4;
font-size: 0.8em;
font: bold Arial, sans-serif;
color: #413D35;
padding: 6px 10px;
}
table .alt {
background: #F7F5EF;
}
table .edit { color: #689DA7 !important; }
table .delete { color: #AD6060 !important; }
.main-content>section.with-table{padding:0 0 10px 0;margin-top:1px;}.main-content>section.with-table .pagination{padding-left:20px;}table caption{font-size:12px;padding-bottom:10px;}table.no-style{border:none;border-collapse:collapse;padding:0;margin:0;background:none;}table.full{width:100%;}table.no-style>body>tr>td,table.no-style>tbody>tr>th{background:none;border:none;}table.simple{border-top:1px dotted #ddd;}table.simple>thead>tr>th{background:#eee;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:5px;text-align:left;}table.simple>thead>tr>th:last-child{border-right:none;}table.simple>tbody>tr>td,table.simple>tbody>tr>th{padding:5px;border-bottom:1px dotted #ddd;text-align:left;}table.simple>tbody>tr>th{background:#eee;border-right:1px solid #ddd;font-weight:bold;text-align:right;}table.datatable{border:1px solid #ccc;border-collapse:separate;border-spacing:0;}.main-content>section.with-table>table{border:none;}table.datatable>thead>tr>th{background:#f7f7f7;background:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#e1e1e1));background:-moz-linear-gradient(top,#f7f7f7,#e1e1e1);-pie-background:linear-gradient(top,#f7f7f7,#e1e1e1);border-bottom:1px solid #aaa;color:#333;text-shadow:0 1px 0 #fff;position:relative;}table.datatable>thead>tr>th:not(:last-child){border-right:1px solid #aaa;}table.datatable>thead>tr>th:not(:first-child){border-left:1px solid #fff;}table.datatable>tbody>tr>th,table.datatable>tbody>tr>td{padding:5px 20px;vertical-align:middle;}table.datatable>tbody>tr:nth-child(odd)>td{background:#f2f2f2;}table.datatable>tbody>tr>td:not(:last-child){border-right:1px solid #eee;}table.datatable.tablesort{table-layout:fixed;}table.datatable.tablesort>thead>tr>th{padding:0;}table.datatable.tablesort>tbody>tr>td.column-selected{background:#ffffc0!important;}table.datatable.tablesort>thead>tr>th>a{background:transparent url(../img/arrow-updown.png) no-repeat 20px center;color:#434343;display:block;text-decoration:none;padding:5px 20px;}table.datatable.tablesort>thead>tr>th>a.sort-asc{background:transparent url(../img/arrow-up.png) no-repeat 20px center;}table.datatable.tablesort>thead>tr>th>a.sort-desc{background:transparent url(../img/arrow-down.png) no-repeat 20px center;}table.datatable.selectable>tbody>tr.hover>td,table.datatable.selectable>tbody>tr.selected>td{background:#ffffc0;}table.datatable>tfoot>tr>th,table.datatable>tfoot>tr>td{border-top:1px solid #e1e1e1;background:#eee;padding:5px 20px;}.main-content>section.with-table table.datatable>tfoot>tr>th,.main-content>section.with-table table.datatable>tfoot>tr>td{border-bottom:1px solid #e1e1e1;}
.button-blue{color:#fff;border:1px solid #0076a3;background:#0095cd;background:-webkit-gradient(linear,left top,left bottom,from(#00adee),to(#0078a5));background:-moz-linear-gradient(top,#00adee,#0078a5);-pie-background:linear-gradient(top,#00adee,#0078a5);text-shadow:0 1px 1px rgba(0,0,0,0.25);}
.button-blue:hover,.button-blue:focus{background:#007ead;background:-webkit-gradient(linear,left top,left bottom,from(#0095cc),to(#00678e));background:-moz-linear-gradient(top,#0095cc,#00678e);-pie-background:linear-gradient(top,#0095cc,#00678e);}
.button-blue:active,.button-blue.active{background:#80bed6;background:-webkit-gradient(linear,left top,left bottom,from(#0078a5),to(#00adee));background:-moz-linear-gradient(top,#0078a5,#00adee);-pie-background:linear-gradient(top,#0078a5,#00adee);}
.pagination{margin:1em 0;padding:0;}
.pagination li{display:inline-block;float:left;margin:0 2px;}
.pagination li a{font-family:'Lucida Grande',Verdana,Arial,'Bitstream Vera Sans',sans-serif;display:block;padding:0 6px;height:20px;line-height:20px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);cursor:pointer;outline:none!important;text-align:center;text-decoration:none;}
.pagination li a.current{background:#fff;-pie-background:#fff;color:#666;}
/**
* Buttons
*/
ul.action-buttons {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.action-buttons li {
display: inline;
}
.action-button {
border: 1px solid #ccc;
background: #f7f7f7;
background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e1e1e1));
background: -moz-linear-gradient(top, #f7f7f7, #e1e1e1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e1e1e1');
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
display: inline-block;
text-indent: -999em;
outline: none !important;
-moz-box-sizing: border-box !important;
/* IE7 hack */
zoom: 1;
*display: inline;
}
.action-button:hover, .action-button:focus {
border: 1px solid #aaa;
background: #ececec;
background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#ccc));
background: -moz-linear-gradient(top, #f1f1f1, #ccc);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#cccccc');
}
.action-button:active, .action-button.active {
background: #ddd;
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#f1f1f1));
background: -moz-linear-gradient(top, #ccc, #f1f1f1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#f1f1f1');
}
.action-button span {
display: block;
width: 20px;
height: 20px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}
.action-button span.accept {
background: transparent url(../img/icons/accept.png) no-repeat center center;
}
.action-button span.add {
background: transparent url(../img/icons/add.png) no-repeat center center;
}
.action-button span.delete {
background: transparent url(../img/icons/delete.png) no-repeat center center;
}
.action-button span.edit {
background: transparent url(../img/icons/pencil.png) no-repeat center center;
}
.action-button span.information {
background: transparent url(../img/icons/information.png) no-repeat center center;
}
.action-button span.pencil {
background: transparent url(../img/icons/pencil.png) no-repeat center center;
}وبالمناسبة الفوتر يقع هكدا
PHP:
</div>
<?include('footer.php');?>وشكراااااا
