Newer
Older
@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,700,300);
/*
Document : styles.css
Created on : 06.07.2012, 12:21:59
Author : Christian Foellmann (foe-services.de)
Description:
Basis was css-code from the "ISPConfig 3: default theme" which was based on
"Yet Another Multicolumn Layout" - (X)HTML/CSS Framework 3.0.6
by Copyright 2005-2008, Dirk Jesse (http://www.yaml.de)
*/
/* overall
-------------------------------------------------------------- */
* {
margin: 0;
padding: 0;
}
background: #93A0B0; /* gradient replacement for IE */
background: radial-gradient(circle farthest-corner at center center , #A1ACBB, #93A0B0 70%) repeat scroll 0 0 #93A0B0;
margin: 10px 0 10em 0;
ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
li { margin-left: 1.5em; line-height: 1.5em }
dt { font-weight: bold }
dd { margin: 0 0 1em 2em }
a {
color: #4D87C7;
text-decoration:none;
hr {
color: #fff;
background:transparent;
margin: 0 0 0.5em 0;
padding: 0 0 0.5em 0;
border:0;
border-bottom: 1px #eee solid;
}
textarea, pre, tt, code {
font-family: Consolas,"Lucida Console","Courier New",monospace;
font-size: 0.9em;
}
h1,h2,h3,h4,h5,h6 {
h1 { font-size: 200%; } /* 24px */
h2 { font-size: 200%; color: #4D4F53; } /* 24px */
h3 { font-size: 150%; } /* 18px */
h4 { font-size: 133.33%; } /* 16px */
h5 { font-size: 116.67%; } /* 14px */
h6 { font-size: 116.67%; font-style:italic; } /* 14px */
cite, blockquote { font-style:italic }
blockquote { margin: 0 0 1em 1.5em }
pre, code { font-family: Consolas, "Lucida Console", "Courier New", monospace; font-size: 1.1em; }
acronym, abbr {
letter-spacing: .07em;
border-bottom: .1em dashed #c00;
cursor: help;
}
header, #nav, #main, footer {
clear: both;
}
#page {
min-width: 980px;
max-width: 80%;
background: #fff;
text-align:left;
margin: 0 auto;
padding: 10px;
border-radius: 8px;
box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.05) inset, 0 0 18px rgba(0, 0, 0, 0.5);
.skip, .hideme, .print {
height: 1px;
left: -1000em;
position: absolute;
top: -1000em;
width: 1px;
}
/* header
-------------------------------------------------------------- */
header {
position: relative;
color: #faf0e6;
padding: 15px 2em 5px 20px;
border-radius: 8px 8px 0 0;
min-height: 54px;
}
header h1 {
font-size:2.5em;
letter-spacing:-2px;
line-height:65%;
color: silver;
}
header span {
color: #333333;
}
/* header/topsubnav
-------------------------------------------------------------- */
#topsubnav {
position:absolute;
top: 10px;
right: 10px;
text-align: right;
}
color: #f0f8ff;
font-weight: normal;
background:transparent;
text-decoration:none;
}
#topsubnav a:active {
text-decoration:underline;
background-color: transparent;
}
/* nav
-------------------------------------------------------------- */
#topNav ul {
list-style: none;
padding: 0 0 0 20px;
background: #243942; /* gradient replacement for IE */
background: linear-gradient(to bottom, #243942, #22373F 50%, #1D2E35 50%, #1B2B32) repeat scroll 0 0 #243942;
background: url("../icons/x32_sprite.png") no-repeat;
color:#D0D9DE;
display:inline-block;
height:20px;
padding-top:37px;
text-align:center;
text-decoration:none;
cfoe
committed
min-width:78px;
border-left: 1px solid #191919;
border-right: 1px solid rgba(255, 255, 255, 0.05);
}
#topNav a:hover {
background-color: #eeeeee;
color: #000000;
}
cfoe
committed
.topnav-admin { background-position: 22px -74px !important; }
.topnav-sites { background-position: 22px -523px !important; }
.topnav-monitor { background-position: 22px -585px !important; }
.topnav- { background-position: 22px -650px !important; }
.topnav-help { background-position: 22px -715px !important; }
.topnav-mail { background-position: 22px -780px !important; }
.topnav-mailuser { background-position: 22px -780px !important; }
.topnav-vm { background-position: 22px -842px !important; }
.topnav-domain { background-position: 22px -905px !important; }
.topnav-dashboard { background-position: 22px -1035px !important; }
.topnav-client { background-position: 22px -1098px !important; }
.topnav-billing { background-position: 22px -1162px !important; }
cfoe
committed
#topNav a span {
padding: 0 3px;
}
/* main
-------------------------------------------------------------- */
#main {
background: #fff;
padding: 1em 0;
}
/* main/sideNav + submenu
-------------------------------------------------------------- */
#sideNav {
width: 200px;
float:left;
padding: 0 10px 0 0;
}
#submenu {
width: 100%;
overflow: hidden;
margin: 0px;
list-style-type: none;
border-bottom: 2px #ddd solid;
}
#submenu ul {
list-style-type: none;
margin:0;
padding: 0;
}
#submenu li {
float:left;
width: 100%;
margin:0;
padding: 0;
font-size:0.9em;
background: linear-gradient(to bottom, #F7F7F5, #FFFEF8) repeat scroll 0 0 #C7C2BA;
#submenu a,
#submenu strong {
display:block;
width: 90%;
padding: 2px 0px 2px 10%;
text-decoration: none;
color: #444;
border-bottom: 1px #eee solid;
}
/* Menu Title */
#submenu li.title {
width: 100%;
padding: 0px;
font-weight: bold;
color: #444;
border-top: 2px #888 solid;
font-size: 1.1em;
}
#submenu li.title a {
background: #E0DED8; /* gradient replacement for IE */
background: linear-gradient(to bottom, #F7F7F5, #E0DED8) repeat scroll 0 0 #C7C2BA;
color: #444;
}
#submenu li span {
display:block;
width: 90%;
padding: 3px 0px 3px 10%;
font-weight: bold;
border-bottom: 1px #ddd solid;
}
/* Level 1 */
#submenu li.active,
#submenu li strong {
width: 90%;
padding: 3px 0px 3px 10%;
font-weight: bold;
color: #fff;
background-color:#aab;
border-bottom: 1px #eee solid;
}
#submenu li a {
width: 90%;
padding-left: 10%;
color: #444;
}
#submenu li a:active {
background-color:#f63;
color: #fff;
}
#submenu li.title a:focus,
#submenu li.title a:hover,
#submenu li.title a:active {
color: #f63;
}
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
/* Form-Elements in the Menu*/
#submenu * select#server_id {
margin: 3px 10%;
padding: 1px;
width: 80%;
}
/* main/content
-------------------------------------------------------------- */
#content {
margin-left: 200px;
margin-right: 0;
padding: 0px 10px 10px 20px;
}
/* footer
-------------------------------------------------------------- */
footer {
color:#666;
background: #f9f9f9;
padding: 10px 20px;
border-top: 5px #efefef solid;
font-size: 0.8em;
text-align: center;
}
footer a {
color: #999;
background:transparent;
font-weight: bold;
}
footer a:hover, footer a:active {
color: #4D87C7;
background-color: transparent;
text-decoration:underline;
}
/* Set a background-color, no system backgorund used anymore */
select, input, textarea {
background: #FFFFFF;
border: 1px solid #DFDFDF;
padding: 1px;
outline:none;
}
table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
table.full { width: 100%; }
table.fixed { table-layout:fixed }
table.list td {
max-width: 350px;
min-width: 32px;
white-space: nowrap;
overflow:hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
}
th,
td {
padding: 0.5em;
text-align:left;
}
thead th {
background: #505968; /* gradient replacement for IE */
background: linear-gradient(to bottom, #707A84, #505968) repeat scroll 0 0 #505968;
color: #fff;
}
tbody th {
background: #ccc;
color: #333;
}
tbody th.sub {
background: #ddd;
color: #333;
}
table.list th[class$="_pid"],
table.list td[class$="_pid"],
table.list th[class$="_active"],
table.list td[class$="_active"],
table.list th.tbl_col_autoresponder,
table.list td.tbl_col_autoresponder {
width: 70px;
text-align: center;
}
table.list .tbl_col_buttons,
table.list .tbl_col_limit {
width: 150px;
}
.tbl_col_client_pid input {
width: 50px;
}
.pnl_listarea th[class^="tbl_col"] { cursor:pointer; }
.pnl_listarea th[class^="tbl_col"]:hover { background-position:0 -15px!important; }
.pnl_listarea th.tbl_col_nosort { cursor:default; }
.pnl_listarea th.tbl_col_nosort:hover { background-position:0 0!important; }
.tabbox_tabs { border-bottom: 1px solid #d3d3d3; margin-top: 2em; }
.tabbox_tabs ul {
list-style: none;
padding: 0;
margin: 0;
}
.tabbox_tabs li {
display: inline;
background: linear-gradient(to bottom, #F7F7F5, #E0DED8) repeat scroll 0 0 #C7C2BA;
}
.tabbox_tabs a:hover {
background: #fc0;
color: #540;
}
.tabbox_tabs .active a {
font-weight: bold;
color: #ff6600;
background: #ffffff;
}
.pnl_toolsarea fieldset, .pnl_listarea fieldset, .pnl_formsarea fieldset {
border-top: 1px solid #949494;
margin: 20px 0;
}
.pnl_toolsarea fieldset legend , .pnl_listarea fieldset legend {
font-weight: bold;
color: #6299c5;
}
.pnl_formarea fieldset {
font-weight: normal;
font-family: Consolas, "Lucida Console", "Courier New", monospace;
}
/* hide line and legend when inside tabbed content */
#tabbox_content * .pnl_toolsarea fieldset, #tabbox_content * .pnl_listarea fieldset, #tabbox_content * .pnl_formsarea fieldset { border: none !important; }
#tabbox_content * .pnl_toolsarea fieldset legend, #tabbox_content * .pnl_listarea fieldset legend, #tabbox_content * .pnl_formsarea fieldset legend { display: none !important; }
.codeview {
margin:20px 0;
padding:2px;
border: 1px solid #ffcc00;
background: #fffaea;
font-family: Consolas, "Lucida Console", "Courier New", monospace;
font-size: 0.9em;
}
redray
committed
.codeview .logerror { background: rgb(255,0,0); }
.codeview .logwarn { background: rgb(255,204,0); }
.codeview .loginfo { background: rgb(153,204,255); }
/* Lists */
table.list {
width: 100%;
border: 1px solid #d3d3d3 !important;
box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.05) inset, 0 0 6px rgba(0, 0, 0, 0.2);
}
table.list thead th { font-size: 10px; }
table.list tbody { border: 1px solid #d3d3d3 !important; }
table.list tfoot td {
text-align: center;
background: #F2F2F2; /* gradient replacement for IE */
background: linear-gradient(to bottom, white, #DEDEDE) repeat scroll 0 0 #F2F2F2;
padding: 24px 8px 8px 8px; }
table.list .tbl_paging img { vertical-align: top; }
table.list .tbl_row_even { background: #fcfcfc; }
table.list .tbl_row_uneven { background: #f0f8ff; }
table.list tr:hover { background: #fffacd; }
table.list td { word-wrap:break-word;white-space:pre-wrap; }
table.list td.tbl_col_buttons { word-wrap:normal;white-space:normal;overflow:visible; }
/* Password Strength */
#passBar {
width: 101px; height: 10px;
background: url("../images/meter_bg.gif") repeat-x bottom left;
margin: 2px 0;
float: left;
}
#passText {
padding: 0;
float: left;
}
/* Systemmonitor */
.systemmonitor-state {
margin: 10px 5px;
font-family: Consolas, "Lucida Console", "Courier New", monospace;
font-size: 0.9em;
float: left;
width: 100%;
}
.systemmonitor-server:hover,
.systemmonitor-vm:hover { background-color: #FFFACD; }
.state-no_state,
.state-no_state-ve {
border-top: 4px solid #95A19F;
background-color: #f8f8ff;
}
border-top: 4px solid #30302e;
background-color: #cecfc5;
}
border-top: 4px solid #23fb00;
background-color: #adffa2;
}
border-top: 4px solid #183e99;
background-color: #d4e2ff;
}
border-top: 4px solid #ffa800;
background-color: #ffda93;
}
border-top: 4px solid #ff0000;
background-color: #ffb9b9;
}
border-top: 4px solid #ff0000;
background-color: #ff7f7f;
background: url("../icons/device_sprite.png") no-repeat transparent;
}
.systemmonitor-server div.icoDevice { background-position: 0 -128px; }
.systemmonitor-ve div.icoDevice { background-position: 0 -64px; }
.systemmonitor-network div.icoDevice { background-position: 0 0px; }
div.statusDevice,
div.statusMsg { float: left; }
div.statusMsg p {
.status {
float: right;
width: 32px;
height: 32px;
background: url("../icons/x32_sprite.png") no-repeat transparent;
}
div.status {
float: left !important;
}
.state-warning .status,
.state-warning-ve .status { background-position: 0 -143px; }
.state-no_state .status,
.state-no_state-ve .status,
.state-unknown .status,
.state-unknown-ve .status { background-position: 0 -207px; }
.state-ok .status,
.state-ok-ve .status { background-position: 0 -270px; }
.state-info .status,
.state-info-ve .status { background-position: 0 -336px; }
.state-error .status,
.state-error-ve .status { background-position: 0 -400px; }
.state-critical .status,
.state-critical-ve .status { background-position: 0 -463px; }
/* Usage unknown
.systemmonitor-content table {
border: none;
margin-top: 10px;
}
.systemmonitor-content * .online {
border: 1px solid #ffffff;
background-color: #E3FFB8;
color: #000000;
padding:0px 5px;
}
.systemmonitor-content * .offline {
border: 1px solid #ffffff;
background-color: #d12f19;
color:#ffffff;
padding:0px 5px;
/* Dashboard */
.dashboard-modules {
float:left;
width:60px;
height: 60px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 4px;
background: #F8F8F1; /* gradient replacement for IE */
background: linear-gradient(transparent, rgba(0, 0, 0, 0.15)) repeat scroll center 5px transparent;
margin:0 12px 12px 0;
background-position: center 5px;
background-repeat: no-repeat;
text-align: center;
}
background: url("../icons/x32_sprite.png") no-repeat transparent;
height:30px;
padding-top:42px;
width:60px;
text-decoration: none;
}
.dashboard-modules.tools a { background-position: 14px -8px; }
.dashboard-modules.admin a { background-position: 14px -72px; }
.dashboard-modules.sites a { background-position: 14px -520px; }
.dashboard-modules.monitor a { background-position: 14px -584px; }
.dashboard-modules.help a { background-position: 14px -712px; }
.dashboard-modules.mail a { background-position: 14px -776px; }
.dashboard-modules.vm a { background-position: 14px -840px; }
.dashboard-modules.domain a { background-position: 14px -904px; }
.dashboard-modules.dns a { background-position: 14px -968px; }
.dashboard-modules.client a { background-position: 14px -1096px; }
.dashboard-modules.billing a { background-position: 14px -116px; }
.panel_dashboard h2 { font-size:20px; font-weight: 400; padding: 1em 0; }
/* Image-Replacement */
.swap { background-repeat:no-repeat; }
.swap span { display:none; height:16px; }
#ir-HeaderLogo {
background-image: url("../images/header_logo.png");
height:32px;
margin:0 0 0.2em;
}
div#ir-Yes,
div#ir-No {
text-align: center;
background: url("../icons/x16_sprite.png") no-repeat transparent;
}
background-position: center -342px !important;
background-position: center -362px !important;
height: 16px;
}
.swap {
background-repeat: no-repeat;
}
.swap span {
display: none;
height: 16px;
}
display: inline-block;
margin: 0 2px;
padding: 2px 5px;
color: #525252;
text-shadow: 0px 1px 1px #fff;
border: 1px solid #c6c6c6;
border-radius: 4px;
background: #F2F2F2; /* gradient replacement for IE */
background: linear-gradient(to bottom, white, #DEDEDE) repeat scroll 0 0 #F2F2F2;
box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
-o-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
-webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
-moz-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
text-decoration: none;
border-color: #4fadd5;
box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
-moz-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
-webkit-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
-o-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
outline: none;
}
.buttons button[type]{
padding:5px 10px 5px 7px; /* Firefox */
line-height:17px; /* Safari */
}
*:first-child+html button[type]{
padding:4px 10px 3px 7px; /* IE7 */
}
margin:0 3px -3px 0 !important;
padding:0;
border:none;
width:16px;
height:16px;
}
background: #BFCFD8; /* gradient replacement for IE */
background: linear-gradient(to bottom, white, #BFCFD8) repeat scroll 0 0 #f63;
border:1px solid #336699;
background-color:#6299c5;
border:1px solid #6299c5;
color:#fff;
}
/* BUTTONS POSITIVE */
button.positive,
.buttons a.positive { color:#529214; }
.buttons a.positive:hover,
button.positive:hover {
background-color:#529214;
border:1px solid #529214;
color:#fff;
}
/* BUTTONS NEGATIVE */
background-color:#d12f19;
border:1px solid #d12f19;
color:#fff;
}
/* Button with icon and text */
.iconstxt:before {
background: url("../icons/button_sprite.png") no-repeat transparent;
content: "";
display: inline-block;
height: 16px;
margin-right: 7px;
vertical-align: top;
width: 16px;
}
.iconstxt span:before { padding-left: 20px; font-weight: bold; }
.iconstxt.icoPositive:before { background-position: 0px -136px; }
.iconstxt.icoNegative:before { background-position: 0px -104px; }
.iconstxt.icoAdd:before { background-position: 0px -72px; }
.iconstxt.icoKey:before { background-position: 0px -8px; }
.iconstxt.icoDelete:before { background-position: 0px -40px; }
.iconstxt.icoDownload:before { background-position: 0px -8px; }
.iconstxt.icoRestore:before { background-position: 0px -8px; }
.icons16 { position: relative; }
.icons16>span {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 1s linear;
-moz-transition: opacity 1s linear;
-o-transition: opacity 1s linear;
-ms-transition: opacity 1s linear;
transition: opacity 1s linear;
position: absolute;
right: 23px;
top: -1px;
padding: 1px 2px;
border: 1px solid rgb(155,155,11);
background: rgb(255,255,111);
white-space: nowrap;
}
.icons16:hover>span {
opacity: 1.0;
visibility: visible;
}
a.icons16 {
height: 18px;
width: 18px;
padding: 0;
background: url("../icons/x16_sprite.png") no-repeat transparent;
}
button.icons16 {
height: 20px;
width: 20px;
padding: 0;
background: url("../icons/x16_sprite.png") no-repeat transparent;
}
.icons16.icoEdit { background-position: -1px -1px; }
.icons16.icoLoginAs { background-position: -1px -21px; }
.icons16.icoPDF { background-position: -1px -61px; }
.icons16.icoDelete { background-position: -1px -81px; }
.icons16.icoWebmailer { background-position: -1px -101px; }
.icons16.icoFilter { background-position: -1px -161px; }
.icons16.icoDbAdmin { background-position: -1px -221px; }
.icons16.icoAction { background-position: -1px -241px; }
.icons16.icoLink { background-position: -1px -422px; float: right; }
div.group-icon {
float: left;
padding: 2px 0;
}
.group-admin,
.group-user {
height: 20px;
width: 20px;
padding: 0;
float: left;
background: url("../icons/x16_sprite.png") no-repeat transparent;
}
.group-admin { background-position: 0 -380px; }
.group-user { background-position: 0 -400px; }
span.marked { color: #cc0000; }
span.small { font-size: 0.9em; }
position: absolute;
width: 325px;
height: 150px;
background: #ffffff url('../images/ajax-loader.gif') no-repeat center center;
border: solid 2px #e1e1e1;
border-radius: 10px;
/*background: rgba(255, 255, 255, 0.85);*/
padding: 20px;
}
.textDisplay { display: block; }
/* Form Length Classes */
.textInput.formLengthBool { width: 25px !important; }
.selectInput.formLengthBool { width: 60px !important; }
.textInput.formLengthLimit { width: 50px !important; }
.selectInput.formLengthLimit { width: 85px !important; }
.formLengthDate { width: 75px !important; }
.formLengthIPv4 { width: 125px !important; }
.formLengthIPv6 { width: 100% !important; }
.formLengthEmailUser { width: 30% !important; }
.formLengthEmailDomain { width: 30% !important; }
.formLengthHalf { width: 15% !important; }
.formLengthDouble { width: 50% !important; }
/* Individual Form Lengths */
.textInput#username,
.textInput#password,
.textInput#passwort,
.textInput#source_password { width: 100px; }
.selectInput#language { width: 75px; }
.selectInput#client_group_id, .selectInput#default_group { width: 125px; }
input#refresh, input#retry, input#expire, input#minimum, input#ttl { width: 50px !important; }
/* --- */
padding-left: 24px;
background: url("../icons/x16_sprite.png") no-repeat left -142px transparent !important;
}
a[href $="#usersettings"] {
padding-left: 24px;
background: url("../icons/x16_sprite.png") no-repeat left -442px transparent !important;
/* Select Menu with Images */
select.withicons option {
background-repeat:no-repeat;
background-position: 1px;
padding-left:24px;
}
div[class^=country-] {
background-image: url("../icons/flags_sprite.png");
background-repeat: no-repeat;
height: 20px;
width: 26px;
}
li[class^=country-] {
background-image: url("../icons/flags_sprite.png");
background-repeat: no-repeat;
text-indent: 24px;
}
li[class^=country-] a.ui-state-hover { background: transparent; }
div[class^=country-] span {
display: none;
}
select.flags option {
background-image: url("../icons/flags_sprite.png");
background-repeat: no-repeat;
padding: 1px 0 1px 30px;
}
select.flags option[value=EL] {background-position:0 -1475px}
select.flags option[value=AD], select.flags option[value=ad], .country-AD {background-position:0 -1px}
select.flags option[value=AE], select.flags option[value=ae], .country-AE {background-position:0 -23px}
select.flags option[value=AF], select.flags option[value=af], .country-AF {background-position:0 -45px}
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
select.flags option[value=AG], select.flags option[value=ag], .country-AG {background-position:0 -67px}
select.flags option[value=AI], select.flags option[value=ai], .country-AI {background-position:0 -89px}
select.flags option[value=AL], select.flags option[value=al], .country-AL {background-position:0 -111px}
select.flags option[value=AM], select.flags option[value=am], .country-AM {background-position:0 -133px}
select.flags option[value=AN], select.flags option[value=an], .country-AN {background-position:0 -155px}
select.flags option[value=AO], select.flags option[value=ao], .country-AO {background-position:0 -177px}
select.flags option[value=AQ], select.flags option[value=aq], .country-AQ {background-position:0 -199px}
select.flags option[value=AR], select.flags option[value=ar], .country-AR {background-position:0 -221px}
select.flags option[value=AS], select.flags option[value=as], .country-AS {background-position:0 -243px}
select.flags option[value=AT], select.flags option[value=at], .country-AT {background-position:0 -265px}
select.flags option[value=AU], select.flags option[value=au], .country-AU {background-position:0 -287px}
select.flags option[value=AW], select.flags option[value=aw], .country-AW {background-position:0 -309px}
select.flags option[value=AX], select.flags option[value=ax], .country-AX {background-position:0 -331px}
select.flags option[value=AZ], select.flags option[value=az], .country-AZ {background-position:0 -353px}
select.flags option[value=BA], select.flags option[value=ba], .country-BA {background-position:0 -375px}
select.flags option[value=BB], select.flags option[value=bb], .country-BB {background-position:0 -397px}
select.flags option[value=BD], select.flags option[value=bd], .country-BD {background-position:0 -419px}
select.flags option[value=BE], select.flags option[value=be], .country-BE {background-position:0 -441px}
select.flags option[value=BF], select.flags option[value=bf], .country-BF {background-position:0 -463px}
select.flags option[value=BG], select.flags option[value=bg], .country-BG {background-position:0 -485px}
select.flags option[value=BH], select.flags option[value=bh], .country-BH {background-position:0 -507px}
select.flags option[value=BI], select.flags option[value=bi], .country-BI {background-position:0 -529px}
select.flags option[value=BJ], select.flags option[value=bj], .country-BJ {background-position:0 -551px}
select.flags option[value=BM], select.flags option[value=bm], .country-BM {background-position:0 -573px}
select.flags option[value=BN], select.flags option[value=bn], .country-BN {background-position:0 -595px}
select.flags option[value=BO], select.flags option[value=bo], .country-BO {background-position:0 -617px}
select.flags option[value=BR], select.flags option[value=br], .country-BR {background-position:0 -639px}
select.flags option[value=BS], select.flags option[value=bs], .country-BS {background-position:0 -661px}
select.flags option[value=BT], select.flags option[value=bt], .country-BT {background-position:0 -683px}
select.flags option[value=BV], select.flags option[value=bv], .country-BV {background-position:0 -705px}
select.flags option[value=BW], select.flags option[value=bw], .country-BW {background-position:0 -727px}
select.flags option[value=BY], select.flags option[value=by], .country-BY {background-position:0 -749px}
select.flags option[value=BZ], select.flags option[value=bz], .country-BZ {background-position:0 -771px}
select.flags option[value=CA], select.flags option[value=ca], .country-CA {background-position:0 -793px}
select.flags option[value=CC], select.flags option[value=cc], .country-CC {background-position:0 -837px}
select.flags option[value=CD], select.flags option[value=cd], .country-CD {background-position:0 -859px}
select.flags option[value=CF], select.flags option[value=cf], .country-CF {background-position:0 -881px}
select.flags option[value=CG], select.flags option[value=cg], .country-CG {background-position:0 -903px}
select.flags option[value=CH], select.flags option[value=ch], .country-CH {background-position:0 -925px}
select.flags option[value=CI], select.flags option[value=ci], .country-CI {background-position:0 -947px}
select.flags option[value=CK], select.flags option[value=ck], .country-CK {background-position:0 -969px}
select.flags option[value=CL], select.flags option[value=cl], .country-CL {background-position:0 -991px}
select.flags option[value=CM], select.flags option[value=cm], .country-CM {background-position:0 -1013px}
select.flags option[value=CN], select.flags option[value=cn], .country-CN {background-position:0 -1035px}
select.flags option[value=CO], select.flags option[value=co], .country-CO {background-position:0 -1057px}
select.flags option[value=CR], select.flags option[value=cr], .country-CR {background-position:0 -1079px}
select.flags option[value=CS], select.flags option[value=cs], .country-CS {background-position:0 -1101px}
select.flags option[value=CU], select.flags option[value=cu], .country-CU {background-position:0 -1123px}
select.flags option[value=CV], select.flags option[value=cv], .country-CV {background-position:0 -1145px}
select.flags option[value=CX], select.flags option[value=cx], .country-CX {background-position:0 -1167px}
select.flags option[value=CY], select.flags option[value=cy], .country-CY {background-position:0 -1189px}
select.flags option[value=CZ], select.flags option[value=cz], .country-CZ {background-position:0 -1211px}
select.flags option[value=DE], select.flags option[value=de], .country-DE {background-position:0 -1233px}
select.flags option[value=DJ], select.flags option[value=dj], .country-DJ {background-position:0 -1255px}
select.flags option[value=DK], select.flags option[value=dk], .country-DK {background-position:0 -1277px}
select.flags option[value=DM], select.flags option[value=dm], .country-DM {background-position:0 -1299px}
select.flags option[value=DO], select.flags option[value=do], .country-DO {background-position:0 -1321px}
select.flags option[value=DZ], select.flags option[value=dz], .country-DZ {background-position:0 -1343px}
select.flags option[value=EC], select.flags option[value=ec], .country-EC {background-position:0 -1365px}
select.flags option[value=EE], select.flags option[value=ee], .country-EE {background-position:0 -1387px}
select.flags option[value=EG], select.flags option[value=eg], .country-EG {background-position:0 -1409px}
select.flags option[value=EH], select.flags option[value=eh], .country-EH {background-position:0 -1431px}
select.flags option[value=ER], select.flags option[value=er], .country-ER {background-position:0 -1475px}
select.flags option[value=ES], select.flags option[value=es], .country-ES {background-position:0 -1497px}
select.flags option[value=ET], select.flags option[value=ET], select.flags option[value=et], .country-ET {background-position:0 -1519px}
select.flags option[value=FI], select.flags option[value=fi], .country-FI {background-position:0 -1585px}
select.flags option[value=FJ], select.flags option[value=fj], .country-FJ {background-position:0 -1607px}
select.flags option[value=FK], select.flags option[value=fk], .country-FK {background-position:0 -1629px}
select.flags option[value=FM], select.flags option[value=fm], .country-FM {background-position:0 -1651px}
select.flags option[value=FO], select.flags option[value=fo], .country-FO {background-position:0 -1673px}
select.flags option[value=FR], select.flags option[value=fr], .country-FR {background-position:0 -1695px}
select.flags option[value=GA], select.flags option[value=ga], .country-GA {background-position:0 -1717px}
select.flags option[value=GB], select.flags option[value=en], select.flags option[value=gb], .country-GB, .country-EN {background-position:0 -1739px}