body {
color : #707070;
font : 1em Tahoma, Arial;
margin : 0 auto 0 auto;
}
#Content {
width : 915px;
margin : 0 auto;
text-align : right;
padding : 0;
}
form {
font : 100% tahoma, arial, sans-serif;
font-size : 0.95em;
margin : 0;
padding : 0;
min-width : 500px;
max-width : 915px;
width : 915px;
font-size : 0.95em;
}
form label {
display : block;
float : right;
width : 300px;
padding : 0;
margin : 5px 0 0;
text-align : right;
font-size : 1em;
}
form fieldset label:first-letter {
text-decoration : underline;
}
form input, form textarea {
width : auto;
margin : 5px 0 0 10px;
font-size : 1em;
}
form input#reset {
margin-left : 0;
}
#button {
background-position : 0 -152px;
color : #f9b200;
height : 37px;
font-size : larger;
border-radius : 20px;
}
#button-null {
background : transparent;
background-color : transparent;
border : ActiveBorder;
height : 40px;
width : 40px;
cursor : pointer;
}
textarea {
overflow : auto;
}
form small {
display : block;
margin : 0 0 5px 160px;
padding : 1px 3px;
font-size : 100%;
}
form .required {
font-weight : bold;
}
form br {
clear : left;
}
#notebox {
border : #f9b200 solid 1px;
float : none;
height : 20px;
border-radius : 5px;
background-color : lightyellow;
text-align : center;
padding : 20px;
}
.error_box {
background : #FAD3C4;
border : #A75B4E solid 1px;
border-radius : 5px;
color : #444444;
display : none;
font-size : 13px;
margin : 0 0 15px 0;
padding : 8px 8px;
}
.success_box {
background : #E2F1BB;
border : #598800 solid 1px;
border-radius : 5px;
color : #000000;
display : none;
font-size : 13px;
margin : 0 0 15px 0;
padding : 8px 8px;
}
.search_box {
background : #e4e4e4;
border : #598800 solid 1px;
border-radius : 5px;
color : #000000;
font-size : 15px;
margin : 0 0 15px 0;
padding : 15px 8px;
height : 50px;
}
.search_button {
margin-right : 200px;
height : 32px;
vertical-align : middle;
padding-top : 20px;
}
.search {
margin-right : 10px;
height : 50px;
}
.category {
height : 25px;
}
#q, #subjects {
background : #e4e4e4;
font-family : tahoma, arial;
font-size : 1.1em;
width : 250px;
height : 30px;
vertical-align : middle;
}
#search_button {
background : #e4e4e4;
font-family : tahoma, arial;
font-size : 1.1em;
width : 60px;
}
#head {
width : 915px;
margin : 0 auto;
text-align : right;
padding : 0;
}
.tile_right {
float : left;
width : 200px;
margin-right : 0;
padding : 0;
text-align : right;
}
.tile_middle {
float : left;
width : 500px;
margin : 0;
padding : 0;
}
.tile_left {
float : left;
width : 200px;
margin : 0;
padding : 0;
}
.listing_right {
float : right;
width : 190px;
margin : 0 auto 0 auto;
padding : 0;
text-align : center;
}
.listing_middle {
float : right;
width : 340px;
margin : 0 auto 0 auto;
padding : 0;
text-align : right;
}
.listing_left {
float : right;
width : 175px;
margin : 0;
padding : 0;
font-size:small;
text-align : right;
}
#head_left1 {
height : 150px;
padding-top : 20px;
float : right;
position : relative;
padding : 0;
margin : 0;
}
#head_right1 {
height : 150px;
padding-top : 20px;
float : left;
position : relative;
padding : 0;
margin : 0;
}
#ad_inner_1 {
height : 70px;
text-align : center;
}
#logo-wrap {
width : 915px;
height : 130px;
}
#head_left {
width : 180px;
height : 110px;
float : right;
margin-left : 0;
padding-top : 10px;
position : absolute;
}
#head_right {
width : 735px;
height : 110px;
float : left;
margin-left : 0;
padding-top : 10px;
text-align : left;
vertical-align : middle;
position : relative;
}
.table td {
padding-right : 2px;
vertical-align : top;
border : #e3e3e3 solid 1px;
font-size : 0.88em;
font-family : Tahoma, Arial;
}
#business_title {
font-size : 1em;
}
.table {
width : 915px;
border : #e3e3e3 solid 1px;
padding : 0;
font-size : 0.88em;
font-family : Tahoma, Arial;
border-spacing : 0;
}
#footer_div {
text-align : center;
color : gray;
font-size : smaller;
height : 200px;
background : #000;
display : block;
padding : 0;
margin : 0 auto 0 auto;
border : solid 1px;
border-radius : 5px;
direction : rtl;
font-family : Tahoma, Arial;
}
select, #subjects {
height : 25px;
direction : rtl;
font-size : 0.85em;
font-family : Tahoma, Arial;
}
#cssmenu {
height : 37px;
display : block;
padding : 0;
margin : 0 auto 0 auto;
border : solid 1px;
border-radius : 5px;
direction : rtl;
font-size : 0.88em;
font-family : Tahoma, Arial;
}
#cssmenu > ul {
list-style : none inside;
padding : 0;
margin : 0;
direction : rtl;
}
#cssmenu > ul > li {
list-style : none inside;
padding : 0;
margin : 0;
float : right;
display : block;
position : relative;
}
#cssmenu > ul > li > a {
outline : none;
display : block;
position : relative;
padding : 12px 20px;
font : bold 0.88em/100% Tahoma, Arial, Helvetica, sans-serif;
text-align : center;
text-decoration : none;
text-shadow : 1px 1px 0 rgba(0, 0, 0, 0.4);
}
#cssmenu > ul > li:first-child > a {
border-radius : 5px 0 0 5px;
}
#cssmenu > ul > li > a:after {
content : '';
position : absolute;
border-left : 1px solid;
top : -1px;
bottom : -1px;
left : -2px;
z-index : 99;
}
#cssmenu ul li.has-sub:hover > a:after {
top : 0;
bottom : 0;
}
#cssmenu > ul > li.has-sub > a:before {
content : '';
position : absolute;
top : 18px;
right : 6px;
border : transparent solid 5px;
border-top : 5px solid #fff;
}
#cssmenu > ul > li.has-sub:hover > a:before {
top : 19px;
}
#cssmenu ul li.has-sub:hover > a {
background : #e0e0e0;
border-color : #e4e4e4;
color : #000;
padding-bottom : 13px;
padding-top : 13px;
top : -1px;
z-index : 999;
}
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div {
display : block;
}
#cssmenu ul li.has-sub > a:hover {
background : #e0e0e0;
border-color : #e4e4e4;
color : #000;
}
#cssmenu ul li > ul, #cssmenu ul li > div {
display : none;
width : auto;
position : absolute;
top : 38px;
padding : 10px 0;
background : #000000;
border-radius : 0 0 5px 5px;
z-index : 999;
}
#cssmenu ul li > ul {
width : 200px;
}
#cssmenu ul li > ul li {
display : block;
list-style : none inside;
padding : 0;
margin : 0;
position : relative;
}
#cssmenu ul li > ul li a {
outline : none;
display : block;
position : relative;
margin : 0;
padding : 8px 20px;
font : 0.88em Tahoma, Arial, Helvetica, sans-serif;
color : #fff;
text-decoration : none;
text-shadow : 1px 1px 0 rgba(0, 0, 0, 0.5);
}
#cssmenu {
background-color : #000;
}
#cssmenu > ul > li a:hover {
background : #e0e0e0;
color : #000;
}
#cssmenu > ul > li > ul > li a:hover {
background : #e0e0e0;
color : #000;
}
#cssmenu > ul > li > a {
border-right : 1px solid #e4e4e4;
color : #fff;
}
#cssmenu > ul > li > a:after {
border-color : #e4e4e4;
}
#cssmenu > ul > li > a:hover {
background : #e0e0e0;
color : #000;
}
#cssmenu > ul > li.field > a {
outline : none;
display : block;
position : relative;
padding : 7px 20px;
font : bold 0.88em/100% Tahoma, Arial, Helvetica, sans-serif;
text-align : center;
text-decoration : none;
text-shadow : 1px 1px 0 rgba(0, 0, 0, 0.4);
}
#logoDiv {
height : 70px;
background : #f9b200;
display : block;
padding : 0;
margin : 0 auto 0 auto;
border : solid 1px;
border-radius : 5px;
direction : rtl;
font-size : 0.88em;
font-family : Tahoma, Arial;
}
#cssmenu_2 {
height : 37px;
display : block;
padding : 0;
margin : 0 auto 0 auto;
border : solid 0;
border-radius : 5px;
direction : rtl;
font-size : 0.88em;
font-family : Tahoma, Arial;
}
#cssmenu_2 > ul {
list-style : none inside;
padding : 0;
margin : 0;
direction : rtl;
}
#cssmenu_2 > ul > li {
list-style : none inside;
padding : 0;
margin : 0;
float : right;
display : block;
position : relative;
}
#cssmenu_2 > ul > li > a {
outline : none;
display : block;
position : relative;
padding : 12px 20px;
font : bold 0.88em/100% Tahoma, Arial, Helvetica, sans-serif;
text-align : center;
text-decoration : none;
text-shadow : 1px 1px 0 rgba(0, 0, 0, 0.4);
}
#cssmenu_2 > ul > li:first-child > a {
border-radius : 5px 0 0 5px;
}
#cssmenu_2 > ul > li > a:after {
content : '';
position : absolute;
border-left : 0 solid;
top : -1px;
bottom : -1px;
left : -2px;
z-index : 99;
}
#cssmenu_2 ul li.has-sub:hover > a:after {
top : 0;
bottom : 0;
}
#cssmenu_2 > ul > li.has-sub > a:before {
content : '';
position : absolute;
top : 18px;
right : 6px;
border : transparent solid 5px;
border-top : 5px solid #fff;
}
#cssmenu_2 > ul > li.has-sub:hover > a:before {
top : 19px;
}
#cssmenu_2 ul li.has-sub:hover > a {
background : #f9b200;
border-color : #3f3f3f;
padding-bottom : 13px;
padding-top : 13px;
top : -1px;
z-index : 999;
}
#cssmenu_2 ul li.has-sub:hover > ul, #cssmenu_2 ul li.has-sub:hover > div {
display : block;
}
#cssmenu_2 ul li.has-sub > a:hover {
background : #f9b200;
border-color : #3f3f3f;
color : yellow;
font-weight : bolder;
}
#cssmenu_2 ul li > ul, #cssmenu_2 ul li > div {
display : none;
width : auto;
position : absolute;
top : 38px;
padding : 10px 0;
background : #f9b200;
border-radius : 0 0 5px 5px;
z-index : 999;
}
#cssmenu_2 ul li > ul {
width : 200px;
}
#cssmenu_2 ul li > ul li {
display : block;
list-style : none inside;
padding : 0;
margin : 0;
position : relative;
}
#cssmenu_2 ul li > ul li a {
outline : none;
display : block;
position : relative;
margin : 0;
padding : 8px 20px;
font : 0.88em Tahoma, Arial, Helvetica, sans-serif;
color : #fff;
text-decoration : none;
text-shadow : 1px 1px 0 rgba(0, 0, 0, 0.5);
}
#cssmenu_2 {
background : #f9b200;
}
#cssmenu_2 > ul > li > ul > li a:hover {
background : #f9b200;
color : yellow;
font-weight : bolder;
}
#cssmenu_2 {
border-color : #cc8888;
}
#cssmenu_2 > ul > li > a {
border-right : 0 solid #cc8888;
color : #fff;
}
#cssmenu_2 > ul > li > a:after {
border-color : #cc7777;
}
#cssmenu_2 span.siteLogo {
font-size : larger;
color : yellow;
}
#cssmenu_2 span.siteTitle {
font-size : larger;
color : yellow;
line-height : 150%;
}
#cssmenu_2 span.siteTitle:hover {
color : #fff;
}
#cssmenu_2 > ul > li > a:hover {
background : #f9b200;
color : yellow;
font-weight : bolder;
}
#cssmenu_2 > ul > li.field > a {
outline : none;
display : block;
position : relative;
padding : 7px 20px;
font : bold 0.88em/100% Tahoma, Arial, Helvetica, sans-serif;
text-align : center;
text-decoration : none;
text-shadow : 1px 1px 0 rgba(0, 0, 0, 0.4);
}
#cssmenu_2 > ul > li.search {
color : #fff;
outline : none;
display : inline;
position : relative;
padding : 7px 20px;
font : bold 0.88em/100% Tahoma, Arial, Helvetica, sans-serif;
text-align : center;
text-decoration : none;
text-shadow : 1px 1px 0 rgba(0, 0, 0, 0.4);
}
#cssmenu_41 {
background : #f9b200;
width : 100%;
height : 37px;
padding : 0 1px 1px;
margin-right : 0;
font : bold 12px Verdana, sans-serif;
float : right;
}
#cssmenu_4 ul {
list-style : none;
padding : 0;
margin : 0;
direction : rtl;
float : right;
}
#cssmenu_4 ul li {
list-style : none;
float : right;
display : inline;
}
#cssmenu_4 ul li a {
outline : none;
display : inline;
position : relative;
padding : 12px 20px;
font : bold 0.88em/100% Tahoma, Arial, Helvetica, sans-serif;
text-align : center;
text-decoration : none;
text-shadow : 1px 1px 0 rgba(0, 0, 0, 0.4);
}
#cssmenu_4 ul li:first-child a {
border-radius : 5px 0 0 5px;
}
#cssmenu_4 ul li a:after {
content : '';
position : absolute;
border-left : 1px solid;
top : -1px;
bottom : -1px;
left : -2px;
z-index : 99;
}
#cssmenu_4 ul li.has-sub:hover a:after {
top : 0;
bottom : 0;
}
#cssmenu_41 ul li.has-sub a:before {
content : '';
position : absolute;
top : 18px;
right : 6px;
border : transparent solid 5px;
border-top : 5px solid #fff;
}
#cssmenu_4 ul li.has-sub:hover a:before {
top : 19px;
}
#cssmenu_4 ul li.has-sub:hover a {
background : #f9b200;
border-color : #3f3f3f;
padding-bottom : 13px;
padding-top : 13px;
top : -1px;
z-index : 999;
}
#cssmenu_4 ul li.has-sub:hover ul, #cssmenu_4 ul li.has-sub:hover div {
display : inline;
}
#cssmenu_4 ul li.has-sub a:hover {
background : #f9b200;
border-color : #3f3f3f;
}
#cssmenu_4 ul li ul, #cssmenu_4 ul li div {
display : none;
width : auto;
position : absolute;
top : 38px;
padding : 10px 0;
background : #f9b200;
border-radius : 0 0 5px 5px;
z-index : 999;
}
#cssmenu_4 ul li ul {
width : 200px;
}
#cssmenu_4 li ul li {
display : inline;
list-style : none;
padding : 0;
margin : 0;
position : relative;
}
#cssmenu_4 ul li ul li a {
outline : none;
display : inline;
position : relative;
margin : 0;
padding : 8px 20px;
font : 0.88em Tahoma, Arial, Helvetica, sans-serif;
color : #fff;
text-decoration : none;
text-shadow : 1px 1px 0 rgba(0, 0, 0, 0.5);
}
#cssmenu_4 {
border-color : #cc8888;
}
#cssmenu_4 ul li a {
border-right : 1px solid #cc8888;
color : #fff;
}
#cssmenu_4 ul li a:after {
border-color : #cc7777;
}
#cssmenu_4 ul li a:hover {
background : #f9b200;
}
#cssmenu_41 ul li.field a {
outline : none;
display : inline;
position : relative;
padding : 7px 20px;
font : bold 0.88em/100% Tahoma, Arial, Helvetica, sans-serif;
text-align : center;
text-decoration : none;
text-shadow : 1px 1px 0 rgba(0, 0, 0, 0.4);
}
#cssmenu_41 ul li.search a {
outline : none;
display : inline;
position : relative;
padding : 7px 20px;
font : bold 0.88em/100% Tahoma, Arial, Helvetica, sans-serif;
text-align : center;
text-decoration : none;
text-shadow : 1px 1px 0 rgba(0, 0, 0, 0.4);
}
#cssmenu_3 {
padding : 0 1px 1px;
background : #f9b200;
margin-right : 0;
font : bold 12px Verdana, sans-serif;
}
#cssmenu_3 {
height : 37px;
display : inline;
padding : 0;
margin : 0 0 0 auto;
border : solid 1px;
border-radius : 5px;
direction : rtl;
font-size : 0.88em;
font-family : Tahoma, Arial;
float : right;
}
#cssmenu_3 ul li {
list-style : none;
margin : 0;
border-top : 1px solid gray;
display : inline;
}
#cssmenu_3 li a {
padding : 12px 20px;
font : bold 0.88em/100% Tahoma, Arial, Helvetica, sans-serif;
border-left : 1em solid #AAB;
background : #f9b200;
text-decoration : none;
}
#cssmenu_31 ul li {
list-style : none;
padding : 0;
margin : 0;
float : right;
display : inline;
position : relative;
}
#cssmenu_3 ul li ul {
display : none;
width : auto;
position : absolute;
top : 38px;
padding : 10px 0;
background : #f9b200;
border-radius : 0 0 5px 5px;
z-index : 999;
}
#cssmenu_3 ul li div {
display : none;
width : auto;
position : absolute;
top : 38px;
padding : 10px 0;
background : #f9b200;
border-radius : 0 0 5px 5px;
z-index : 999;
}
#cssmenu_3 ul li ul li {
display : inline;
list-style : none;
padding : 0;
margin : 0;
position : relative;
}
#cssmenu_3 ul li ul li a {
outline : none;
display : inline;
position : relative;
margin : 0;
padding : 8px 20px;
font : 0.88em Tahoma, Arial, Helvetica, sans-serif;
color : #fff;
text-decoration : none;
text-shadow : 1px 1px 0 rgba(0, 0, 0, 0.5);
}
#cssmenu_3 {
border-color : #cc8888;
}
#cssmenu_3 ul li a {
border-right : 1px solid #cc8888;
color : #fff;
}
#cssmenu_3 ul li a:after {
border-color : #cc7777;
}
#cssmenu_3 ul li a:hover {
background : #f9b200;
}
#cssmenu_31 ul li.field a {
outline : none;
display : inline;
position : relative;
padding : 7px 20px;
font : bold 0.88em/100% Tahoma, Arial, Helvetica, sans-serif;
text-align : center;
text-decoration : none;
text-shadow : 1px 1px 0 rgba(0, 0, 0, 0.4);
}
#cssmenu_3 ul li.has-sub:hover a:after {
top : 0;
bottom : 0;
}
#cssmenu_3 ul li.has-sub a:before {
content : '';
position : absolute;
top : 18px;
right : 6px;
border : transparent solid 5px;
border-top : 5px solid #fff;
}
#cssmenu_3 ul li.has-sub:hover a:before {
top : 19px;
}
#cssmenu_3 ul li.has-sub:hover a {
background : #f9b200;
border-color : #3f3f3f;
padding-bottom : 13px;
padding-top : 13px;
top : -1px;
z-index : 999;
}
#cssmenu_3 ul li.has-sub:hover ul, #cssmenu_3 ul li.has-sub:hover div {
display : inline;
}
#cssmenu_3 ul li.has-sub a:hover {
background : #f9b200;
border-color : #3f3f3f;
}
#clear_div {
height : 30px;
margin-top : 30px;
}
.business-list {
padding-top : 30px;
overflow : hidden;
}
.business-list div.one-business-list {
overflow : hidden;
padding-bottom : 20px;
position : relative;
border-bottom : 1px solid #dcdcdc;
}
.business-list .left {
float : right;
width : 24%;
}
.business-list .right {
float : left;
margin-right : 15px;
width : 73%;
}
.business-list > div + div {
padding-top : 20px;
border-top : 1px dotted #dcdcdc;
}
.business-list .image {
margin-left : 10px;
text-align : center;
}
.business-list .image img {
padding : 3px;
border : black solid 2px;
border-radius : 20px;
box-shadow : 5px 5px 2px #888;
}
.business-list .business-title {
margin-bottom : 20px;
vertical-align : middle;
}
.cat-name {
color : #646464;
font-size : 10px;
font-style : italic;
margin-bottom : 12px;
}
.business-list .description {
clear : both;
margin-bottom : 5px;
color : #646464;
margin : 0 0 20px 0;
width:320px;
}
.business-list .business-meta, .business-info .business-meta {
clear : both;
margin-bottom : 5px;
color : #646464;
font-size : 14px;
margin : 0 0 20px 0;
}
.business-list .business-meta label, .business-info .business-meta label {
display : inline-block;
height : 17px;
font-weight : bold;
}
.red_note {
color : #cc0000;
font-size : 12px;
font-weight : bolder;
font-style : italic;
}
div.modal-box.wrapper2 {
direction : rtl;
position : relative;
margin : 0 auto;
float : none;
border : #d4d4d4 solid 1px;
border-radius : 3px;
font : 14px tahoma, Arial, Helvetica, Geneva, sans-serif;
z-index : 2000;
text-align : right;
left : 25%;
right : 25%;
background-color : #fffeff;
}
div.modal-box.wrapper {
direction : rtl;
position : relative;
}
div.modal-box div.inside {
margin : 3px;
padding : 10px;
overflow : visible;
z-index : 2000;
}
div#free-download.modal-box {
width : 480px;
}
div#mailing-list.modal-box {
width : 600px;
}
div#restricted-content.modal-box {
width : 326px;
}
div#heart-favorites.modal-box {
width : 426px;
}
div#adjust-settings.modal-box {
width : 400px;
}
div#star-favorites.modal-box {
width : 426px;
}
div#warning.modal-box {
width : 590px;
}
div#stop.modal-box {
width : 596px;
}
div.modal-box div.hr {
height : 5px;
background : url(./images/hr.png) repeat-x;
}
#adjust-settings span.button.white.save {
margin-left : 95px;
}
div.modal-box div.inside.green {
background : url(./images/green-bg.jpg) repeat-x #d7e2cb;
height : 164px;
}
div.modal-box div.inside.blue {
background : url(./images/blue-bg.jpg) 0 -2px repeat-x #e0e7ea;
}
div.modal-box div.inside.red {
background : url(./images/red-bg.jpg) 0 0 repeat-x #c63e3e;
height : 83px;
}
div.modal-box div.inside.yellow {
background : url(./images/yellow-bg.jpg) 0 0 repeat-x #f0a32d;
height : 83px;
}
div.modal-box div.inside.grey {
background : url(./images/grey-bg.jpg) repeat-x #d5d8db;
}
div.modal-box div.inside.pink {
background : url(./images/pink-bg.jpg) 0 0 repeat-x #fcd3d1;
height : 200px;
}
div.modal-box div.inside.light-yellow {
background : url(./images/light-yellow-bg.jpg) 0 0 repeat-x #f3e3c2;
height : 200px;
}
div.modal-box div.inside.caution-tape {
background : url(./images/restricted-bg.jpg) repeat-x #979a9c;
height : 223px;
}
div.modal-box span.modal-close {
position : absolute;
top : -13px;
right : -13px;
width : 35px;
height : 35px;
background : url(./images/close-buttons-sprite.png) no-repeat;
}
div.modal-box span.modal-close:hover {
background-position : 0 -37px;
cursor : pointer;
}
div.modal-box span.modal-close span {
display : none;
}
div.modal-box span.modal-close.left {
top : -13px;
left : -13px;
}
div.modal-box span.modal-close.black {
background-position : -35px 0;
}
div.modal-box span.modal-close.black:hover {
background-position : -35px -36px;
}
div.modal-box span.modal-close.red {
background-position : -70px 0;
}
div.modal-box span.modal-close.red:hover {
background-position : -70px -38px;
}
div.modal-box span.modal-close.yellow {
background-position : -105px 0;
}
div.modal-box span.modal-close.yellow:hover {
background-position : -105px -38px;
}
div.modal-box h3 {
font-size : 20px;
margin : 10px 0 5px;
color : #464646;
}
div.modal-box .red h3, div.modal-box .yellow h3 {
color : #fffeff;
margin-top : 0;
}
div#restricted-content.modal-box h3 {
margin-top : 90px;
}
div.modal-box p {
text-shadow : 0 1px 0 rgba(255, 254, 255, 0.5);
color : #000;
margin : 5px 0 10px;
font-size : larger;
}
div.modal-box div.clear {
height : 1px;
clear : both;
}
div.modal-box.centered {
text-align : center;
}
div.modal-box img {
float : right;
margin-right : 20px;
}
div.modal-box img.right {
float : right;
margin-right : 0;
margin-left : 20px;
}
div.modal-box.centered img {
float : none;
}
div.modal-box img.pop-out {
margin-top : -42px;
z-index : 2001;
position : absolute;
left : 94px;
}
div.modal-box a.button, div.modal-box span.button {
display : block;
float : right;
position : relative;
height : 34px;
line-height : 33px;
background : url(./images/buttons-sprite.png) 0 -1px no-repeat;
padding-left : 20px;
margin : 2px 30px 10px 0;
font-size : 15px;
color : #585858;
text-decoration : none;
}
div.modal-box a.button:hover, div.modal-box span.button:hover {
background-position : 0 -37px;
cursor : pointer;
}
div.modal-box a.button span, div.modal-box span.button span {
display : block;
float : right;
position : relative;
height : 34px;
padding-right : 20px;
margin-right : -20px;
background : url(./images/buttons-sprite.png) right -1px no-repeat;
}
div.modal-box a.button:hover span, div.modal-box span.button:hover span {
background-position : right -37px;
cursor : pointer;
}
div.modal-box.centered a.button {
margin : 0 0 0 90px;
}
div.modal-box a.download {
display : block;
float : right;
position : relative;
background : url(./images/download-button-bg.png) 0 0 no-repeat;
height : 54px;
width : 225px;
padding : 0 0 0 55px;
text-decoration : none;
color : #fffeff;
font-size : 20px;
text-shadow : 0 1px 1px #000;
line-height : 30px;
}
div.modal-box a.download:hover {
background-position : 0 -54px;
}
div.modal-box a.download span {
display : block;
margin-top : 3px;
font-size : 11px;
line-height : 10px;
}
div.modal-box a.button.square {
height : 37px;
line-height : 36px;
color : #fffeff;
}
div.modal-box a.button.square span {
height : 37px;
}
div.modal-box a.button.yellow {
background-position : 0 -75px;
}
div.modal-box a.button.yellow span {
background-position : right -75px;
}
div.modal-box a.button.yellow:hover {
background-position : 0 -113px;
}
div.modal-box a.button.yellow:hover span {
background-position : right -113px;
}
div.modal-box a.button.red {
background-position : 0 -152px;
color : #fffeff;
}
div.modal-box a.button.red span {
background-position : right -152px;
}
div.modal-box a.button.red:hover {
background-position : 0 -190px;
}
div.modal-box a.button.red:hover span {
background-position : right -190px;
}
div.modal-box a.button.square-red {
background-position : 0 -229px;
}
div.modal-box a.button.square-red span {
background-position : right -229px;
}
div.modal-box a.button.square-red:hover {
background-position : 0 -270px;
}
div.modal-box a.button.square-red:hover span {
background-position : right -270px;
}
div.modal-box a.button.square-yellow {
background-position : 0 -312px;
}
div.modal-box a.button.square-yellow span {
background-position : right -312px;
}
div.modal-box a.button.square-yellow:hover {
background-position : 0 -354px;
}
div.modal-box a.button.square-yellow:hover span {
background-position : right -354px;
}
div.modal-box form input {
height : 43px;
width : 270px;
margin : 0 0;
border-style : none;
background : url(./images/input-bg.png) 0 0 no-repeat transparent;
position : relative;
padding : 10px 10px;
color : #9f9f9f;
font-size : 13px;
}
div.modal-box form input.submit {
width : 81px;
margin-left : -5px;
position : relative;
background : url(./images/submit-bg.png) 0 0;
color : #fffeff;
text-shadow : 0 1px 1px #000;
font-size : 13px;
}
div.modal-box form input.submit:hover {
background-position : 0 -42px;
cursor : pointer;
}
div.modal-box form label {
line-height : 20px;
}
div.modal-box form fieldset {
border : none;
padding : 0;
line-height : 15px;
margin : 20px 0;
clear : both;
color : #484848;
}
div.modal-box form input.text {
width : 348px;
}
div.modal-box form input.radio {
margin : 5px;
width : 15px;
height : 15px;
}
div.modal-box form input.checkbox {
margin : 5px;
width : 15px;
height : 15px;
}
div#adjust-settings.modal-box form {
margin : 0 auto;
width : 350px;
}
span.modal-link {
cursor : pointer;
}
.content {
font-family : "Tahoma", Arial, Helvetica, Geneva, sans-serif;
margin : 50px;
}
.content h1 {
font : normal normal 40px "Tahoma", Arial, Helvetica, Geneva, sans-serif;
color : #646464;
font-style : italic;
}
.content h2 {
font : bold 30px "Tahoma", Arial, Helvetica, Geneva, sans-serif;
color : #5f718d;
}
.content p {
font : 15px/130% "Tahoma", Arial, Helvetica, Geneva, sans-serif;
color : #757575;
}
.content div.modal-buttons {
height : 480px;
}
div.content span.modal-link {
display : block;
float : right;
clear : both;
position : relative;
height : 34px;
line-height : 33px;
background : url(./images/buttons-sprite.png) 0 -1px no-repeat;
padding-left : 20px;
margin : 2px 30px 10px 0;
font-size : 15px;
color : #585858;
text-decoration : none;
}
div.content span.modal-link:hover {
background-position : 0 -37px;
cursor : pointer;
}
div.content span.modal-link span {
display : block;
float : right;
position : relative;
height : 34px;
padding-right : 20px;
margin-right : -20px;
background : url(./images/buttons-sprite.png) right -1px no-repeat;
}
div.content span.modal-link:hover span {
background-position : right -37px;
cursor : pointer;
}
div.content ol, div.content ul {
color : #4a4a4a;
margin-left : 20px;
}
div.content li {
margin : 25px 0;
}
div.content pre {
padding : 10px;
background-color : #efeefe;
}