/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Reset
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0px none;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-decoration: none;
	vertical-align: baseline;
	font-family: Arial, sans-serif;
	text-indent: 0;
}
html, body {
	width:100%;
	height:100%;
}
ol, ul, li {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, tr, th, td {
	text-align: left;
	font-weight: normal;
    vertical-align: middle;
}
img {
	border: none;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * 
 */
.clearer    { clear: both; display: block; margin:0; padding: 0; }
.noborder	{ border: 0px none; }
.nomargin	{ margin: 0; }
.nopadding	{ border: 0; }
.hide, .hidden { display: none; }
.a_center { text-align: center; }
.a_left { text-align: left; }
.a_right { text-align:right; }
.f_left { float: left; }
.f_left_25 { float: left; width:25%; }
.f_left_33 { float: left; width:33%; }
.f_left_50 { float: left; width:50%; }
.f_left_66 { float: left; width:66%; }
.f_right { float:right; }
.relative { position:relative; }
.absolute { position:absolute; }
.nowrap { white-space: nowrap; overflow: hidden; }
.noselect {
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
.opaque50 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: .5;
}
.opaque30 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: .3;
}
.opaque10 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter: alpha(opacity=10);
	opacity: .1;
}
div .hr {
	height:0px; 
	width: 100%;
	border: none;
	border-bottom: solid 1px #000;
}
.hl {
	width:100%;
    clear: both;
}
    .hl div {
        border-top: none 0;
        border-bottom: solid 1px #c8c8c8;
        height:0;
        width:100%;
    }
    
    .theme1 .hl div {
        border-top: solid 1px #000;
        border-bottom: solid 1px #1c1c1c;
    }
/* .hl.grey { background: #d3d3d3; } */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Fieldset
 */
fieldset div {
	clear:both;
	position:relative;
	margin-bottom:10px;
}
fieldset div label, fieldset div p, fieldset div span {
	margin:0;
	margin-right:10px;
	padding:0px;
	display:block;
	width:8em;
	text-align:right;
	float:left;
}
fieldset.lcol_wide div label, fieldset div p, fieldset div span {
    width:10em;
}
fieldset.lcol_wider div label, fieldset div p, fieldset div span {
    width:12em;
}
fieldset div label.rlabel {
    display: block;
	width:auto;
	text-align:left;
	float:left;
}
fieldset div label.void, fieldset div p.void, fieldset div span.void {
	display: block;
	width:auto;
	text-align:left;
	float:none;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Text/Font styles
 */
font,th,td,p,label { font-family: Arial, sans-serif; font-size: 12px; }
hr	{ height: 0px; border: solid #C7CCD3 0px; border-top-width: 1px; }
.bold { font-weight: bold !important; }
.thin { font-weight: normal !important; }
.underline { text-decoration: underline !important; }
.strikethrough, .linethrough { text-decoration: line-through !important; }
.italic { font-style: italic !important; }
.less_spacing { letter-spacing: -0.02em; }
.minimal_spacing { letter-spacing: -0.04em; }
div, p, span, label, td, li, input, select {
	font-size: 11px;
	color: #333333; /* 6e6e6e */
    line-height: 14px;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6	{
	font-weight: bold; 
	font-family: Arial, sans-serif;
	text-decoration: none; 
	line-height: 120%; 
	color: #333333;
	margin-bottom:0.5em;
}
h1, .h1 { font-size: 20px; }
h2, .h2 { font-size: 15px; }
h3, .h3 { font-size: 12px; }
h4, .h4 { font-size: 11px; }
h2.greyheadline, .h2.greyheadline {
    margin: 0;
    display: block;
    height: 18px;
    background: url('/img/site-greyheadline_bg.gif');
    padding: 5px 0 5px 20px;
}
    h2.greyheadline, .h2.greyheadline, h2.greyheadline span, .h2.greyheadline span, h2.greyheadline a, .h2.greyheadline a {
        line-height: 18px;
        color: #282828;
        font-size: 11px;
        text-transform: uppercase;
    }
p {
	font-size: 11px;
	line-height: 15px;
}
p.tiny, span.tiny, a.tiny { font-size: 8px !important; line-height: 11px;   }
p.smaller, span.smaller, a.smaller { font-size: 9px !important; line-height: 12px; }
p.small, span.small, a.small { font-size: 10px; line-height: 13px; }
p.normal, span.normal, a.normal { font-size: 11px !important; }
p.big, span.big, a.big { font-size: 12px !important; }
p.bigger, span.bigger, a.bigger { font-size: 15px !important; }
p.huge, span.huge, a.huge { font-size: 20px !important; }
p.enormous, span.enormous, a.enormous { font-size: 24px !important; }
p.noSpace { margin: 0; }
.article p, .article div { margin: 2px 0 15px 0; } /* pgraph_space */
.article.separators p, .article.separators div { margin: 2px 0 15px 0; } /* pgraph_space */
p.mBottom, a.mBottom, span.mBottom, div.mBottom, br.mBottom { margin: 0px 0 2px 0; }
p.mBottom2, a.mBottom2, span.mBottom2, div.mBottom2, br.mBottom2 { margin: 0px 0 4px 0; }
p.mBottom3, a.mBottom3, span.mBottom3, div.mBottom3, br.mBottom3 { margin: 0px 0 6px 0; }
p.mBottom4, a.mBottom4, span.mBottom4, div.mBottom4, br.mBottom4 { margin: 0px 0 8px 0; }
p.blue, span.blue, li.blue, label.blue, h1.blue, h2.blue, h3.blue, h4.blue, a.blue   { color:#09c2ff !important; } /* #049bcc */ 
p.darkblue, span.darkblue, li.darkblue, label.darkblue, h1.darkblue, h2.darkblue, h3.darkblue, h4.darkblue, a.darkblue   { color: #275f73 !important; }
p.intenseblue, span.intenseblue, li.intenseblue, label.intenseblue, h1.intenseblue, h2.intenseblue, h3.intenseblue, h4.intenseblue, a.intenseblue   { color: #0030ff !important; }
p.black, span.black , li.black, label.black, a.black   { color: #000; }
p.white, span.white, li.white, label.white, h1.white, h2.white, h3.white, h4.white, a.white    { color: #FFF !important; }
p.grey, span.grey, li.grey, label.grey, h1.grey, h2.grey, h3.grey, h4.grey, a.grey    { color: #6e6e6e !important; }
p.darkgrey, span.darkgrey, li.darkgrey, label.darkgrey, h1.darkgrey, h2.darkgrey, h3.darkgrey, h4.darkgrey, a.darkgrey  { color: #333333 !important; }
p.red, span.red, li.red, label.red, h1.red, h2.red, h3.red, h4.red, a.red  { color: red !important; }
p.green, span.green, li.green, label.green, h1.green, h2.green, h3.green, h4.green, a.green  { color: #48a000 !important; }
p.yellow, span.yellow, li.yellow, label.yellow, h1.yellow, h2.yellow, h3.yellow, h4.yellow, a.yellow  { color: #AAAA00 !important; }
p.orange, span.orange, li.orange, label.orange, h1.orange, h2.orange, h3.orange, h4.orange, a.orange  { color: orange !important; }
.treb, .treb p, .treb span, .treb a {
    font-family: "Trebuchet MS", sans-serif;
}

.article li {
    list-style: circle outside;
    margin-left:16px;
}

a, a:link, a:visited    { color: #000; font-weight: bold; }
a:hover, a:active   { color: #7e7e7e; font-weight: bold; }

a.blue, a.blue:link, a.blue:visited    { color: #049bcc; }
a.blue:hover , a.blue:active  { color: #7fB4d0; }

a.darkblue    { color: #275f73; }
a.darkblue:link    { color: #275f73; }
a.darkblue:visited { color: #275f73; }
a.darkblue:hover   { color: #049bcc; }
a.darkblue:active  { color: #049bcc; }

a.white    { color: #FFF; }
a.white:link    { color: #FFF; }
a.white:visited { color: #FFF; }
a.white:hover   { color: #7fB4d0; }
a.white:active  { color: #7fB4d0; }

a.black    { color: #000; }
a.black:link    { color: #000; }
a.black:visited { color: #000; }
a.black:hover   { color: #7e7e7e; }
a.black:active  { color: #7e7e7e; }

a.darkgrey, a.grey    { color: #454545; }
a.darkgrey:link, a.grey:link    { color: #454545; }
a.darkgrey:visited, a.grey:visited { color: #454545; }
a.darkgrey:hover, a.grey:hover   { color: #7e7e7e; }
a.darkgrey:active, a.grey:active  { color: #7e7e7e; }

a.red    { color: red; }
a.red:link    { color: red; }
a.red:visited { color: red; }
a.red:hover   { color: red; }
a.red:active  { color: red; }

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a {
	font-weight: bold; 
	font-family: Arial, sans-serif;
	text-decoration: none; 
	line-height: 120%; 
	color: #333333;
	margin-bottom:0.5em;
    font-size: inherited;
}

a.external {
    background: url(/img/icons/extern_link_small.png) center right no-repeat;
    padding: 0 15px 0 0;
    display: inline-block;
}
a.download_icon {
    background: url(/img/icons/download_small.png) center left no-repeat;
    padding: 0 0 0 15px;
    display: inline-block;
}
a.pc_sign {
    background: url(/img/platformLogoWindowsSmall.png) center right no-repeat;
    padding: 0 22px 0 0;
    display: inline-block;
}
a.pc_sign_medium {
    background: url(/img/platformLogoWindowsMedium.png) center right no-repeat;
    padding: 0 30px 0 0;
    display: inline-block;
}
a.mac_sign {
    background: url(/img/platformLogoMacSmall.png) center right no-repeat;
    padding: 0 22px 0 0;
    display: inline-block;
}
a.mac_sign_medium {
    background: url(/img/platformLogoMacMedium.png) center right no-repeat;
    padding: 0 24px 0 0;
    display: inline-block;
}
a.pcmac_sign {
    background: url(/img/platformLogoWinMacSmall.png) center right no-repeat;
    padding: 0 22px 0 0;
    display: inline-block;
}
a.pcmac_sign_medium {
    background: url(/img/platformLogoWinMacMedium.png) center right no-repeat;
    padding: 0 30px 0 0;
    display: inline-block;
}

span.icon, a.icon {
    display: inline-block;
    padding-left: 20px;
    line-height: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-image: url('/img/icons/default_sprite.png');
    color: #454545;
}
span.icon:hover, a.icon:hover, .icon.hover, .icon.active { background-position: 0px -15px; color: #333333 }

span.icon.gg, a.icon.gg { background-image: url('/img/icons/gg_sprite.png'); }
span.icon.add, a.icon.add { background-image: url('/img/icons/add_sprite.png'); }
span.icon.blc, a.icon.blc { background-image: url('/img/icons/blc_sprite.png'); }
span.icon.blcadd, a.icon.blcadd { background-image: url('/img/icons/blcadd_sprite.png'); }
span.icon.buddies, a.icon.buddies { background-image: url('/img/icons/buddies_sprite.png'); padding-left: 22px; }
span.icon.calendar, a.icon.calendar { background-image: url('/img/icons/calendar_sprite.png'); }
span.icon.cart, a.icon.cart { background-image: url('/img/icons/cart_sprite.png'); }
span.icon.cart2, a.icon.cart2 { background-image: url('/img/icons/cart2_sprite.png'); }
span.icon.clock, a.icon.clock, span.icon.alerts, a.icon.alerts, span.icon.preorder, a.icon.preorder { background-image: url('/img/icons/alerts_sprite.png'); }
span.icon.dollar, a.icon.dollar, span.icon.payment, a.icon.payment { background-image: url('/img/icons/payment_sprite.png'); }
span.icon.download, a.icon.download, span.icon.digitalcopy, a.icon.digitalcopy { background-image: url('/img/icons/download_sprite.png'); }
span.icon.game, a.icon.game { background-image: url('/img/icons/game_sprite.png'); }
span.icon.gift, a.icon.gift { background-image: url('/img/icons/gift_sprite.png'); }
span.icon.help, a.icon.help { background-image: url('/img/icons/help_sprite.png'); }
span.icon.info, a.icon.info { background-image: url('/img/icons/info_sprite.png'); }
span.icon.support, a.icon.support { background-image: url('/img/icons/support_sprite.png'); }
span.icon.mac, a.icon.mac { background-image: url('/img/icons/mac_sprite.png'); }
span.icon.message, a.icon.message { background-image: url('/img/icons/message_sprite.png'); }
span.icon.new, a.icon.new, span.icon.notifications, a.icon.notifications { background-image: url('/img/icons/new_sprite.png'); }
span.icon.search, a.icon.search { background-image: url('/img/icons/search_sprite.png'); }
span.icon.customize, a.icon.customize { background-image: url('/img/icons/customize_sprite.png'); }
span.icon.settings, a.icon.settings { background-image: url('/img/icons/settings_sprite.png'); }
span.icon.freegames, a.icon.freegames, span.icon.star, a.icon.star { background-image: url('/img/icons/star_sprite.png'); }
span.icon.wheel, a.icon.wheel { background-image: url('/img/icons/wheel_sprite.png'); }
span.icon.user, a.icon.user, span.icon.profile, a.icon.profile { background-image: url('/img/icons/user_sprite.png'); }
span.icon.walkthrough, a.icon.walkthrough { background-image: url('/img/icons/walkthrough_sprite.png'); }
span.icon.warning, a.icon.warning { background-image: url('/img/icons/warning_sprite.png'); }
span.icon.write, a.icon.write { background-image: url('/img/icons/write_sprite.png'); }
span.icon.redremove, a.icon.redremove { background-image: url('/img/icons/redremove_sprite.png'); }
span.icon.faq, a.icon.faq { background-image: url('/img/icons/faq_sprite.png'); }
span.icon.trophy, a.icon.trophy { background-image: url('/img/icons/trophy_sprite.png'); }

span.icon.achievements, a.icon.achievements { background-image: url('/img/icons/achievements_sprite.png'); }
span.icon.history, a.icon.history { background-image: url('/img/icons/history_sprite.png'); }
span.icon.minion, a.icon.minion { background-image: url('/img/icons/minion_sprite.png'); }
span.icon.regions, a.icon.regions { background-image: url('/img/icons/regions_sprite.png'); }
span.icon.shelf, a.icon.shelf { background-image: url('/img/icons/shelf_sprite.png'); }
span.icon.tutor, a.icon.tutor { background-image: url('/img/icons/tutor_sprite.png'); }
span.icon.windows, a.icon.windows { background-image: url('/img/icons/windows_sprite.png'); }
span.icon.winmac, a.icon.winmac { background-image: url('/img/icons/winmac_sprite.png'); }
span.icon.wishlist, a.icon.wishlist { background-image: url('/img/icons/wishlist_sprite.png'); }
span.icon.plusinfo, a.icon.plusinfo { background-image: url('/img/icons/plusinfo_sprite.png'); }


span.icon.blueinfo, a.icon.blueinfo { 
    background-image: url('/img/icons/blueinfo_sprite.png'); 
    line-height: 16px;
    height: 16px;
}
span.icon.blueinfo:hover, a.icon.blueinfo:hover, .icon.blueinfo.hover, .icon.blueinfo.active { 
    background-position: 0px -16px; color: #333333 
}

.icon.mstatus, .icon.mstatus:hover {
    padding-left: 23px;
    line-height: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-image: url('/img/avatar_g_white.png');
}
.icon.mstatus.white { background-image: url('/img/avatar_g_white.png'); }
.icon.mstatus.green { background-image: url('/img/avatar_g_green.png'); }
.icon.mstatus.yellow { background-image: url('/img/avatar_g_yellow.png'); }
.icon.mstatus.red { background-image: url('/img/avatar_g_red.png'); }
.icon.mstatus.black { background-image: url('/img/avatar_g_black.png'); }


div.indented, p.indented, ul.indented {
    padding-left: 20px;
    padding-right: 20px;
}
div.indentedv, p.indentedv, ul.indentedv {
    padding-top: 20px;
    padding-bottom: 20px;
}
div.indentedtop, p.indentedtop, ul.indentedtop {
    padding-top: 20px;
}
div.indentedbottom, p.indentedbottom, ul.indentedbottom {
    padding-bottom: 20px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Inputs
 */
.inp_label, .inp_label {
    display: block;
    line-height: 15px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.inp_label.radio, .inp_label.checkbox {
    display: inline;
}
textarea {
    border: #c8c8c8 1px solid;
    -webkit-border-radius: 3px 3px;
    -moz-border-radius: 3px 3px;
    border-radius: 3px 3px;
    padding: 4px 10px 4px 10px;
    height: 138px;
    width: 678px;
    line-height: 19px;
    font-size: 11px;
}
select {
    height: 25px;
    width: 218px;
    
    border: #c8c8c8 1px solid;
    -webkit-border-radius: 3px 3px;
    -moz-border-radius: 3px 3px;
    border-radius: 3px 3px;
    
    color: #6e6e6e;
    font-weight: bold;
    font-size: 12px;
    line-height: 25px;
    
    /* 
    border-top: #1c6e88 1px;
    border-right: 0 none;
    border-bottom: #1c6e88 1px;
    border-left: 0 none;
    background: #144a5c;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#144a5c), color-stop(50%,#0d2f3b), color-stop(100%,#144a5c));
    background: -moz-linear-gradient(top, #144a5c 0%, #0d2f3b 50%, #144a5c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#144a5c', endColorstr='#0d2f3b', GradientType=0);
     */
}
    select option {
        /* background: #144a5c; */
        color: #6e6e6e;
        font-weight: bold;
        font-size: 12px;
        line-height: 25px;
    }
select.blue {
    border-top: #1c6e88 1px;
    border-right: 0 none;
    border-bottom: #1c6e88 1px;
    border-left: 0 none;
    color: #787878;
    background: #144a5c;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#144a5c), color-stop(50%,#0d2f3b), color-stop(100%,#144a5c));
    background: -moz-linear-gradient(top, #144a5c 0%, #0d2f3b 50%, #144a5c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#144a5c', endColorstr='#0d2f3b', GradientType=0);
}
    select.blue option {
        background: #144a5c;
        color: #FFFFFF;
    }
select.wide {
    width: 318px;
}
input[type=radio], input[type=checkbox], input.inp.radio, input.inp.checkbox {
    margin: 0 5px 0 0;
    line-height: 16px;
}
input[type=text], input[type=password], input[type=file], input.inp.text, input.inp.password, input.inp.file {
    border: #c8c8c8 1px solid;
    -webkit-border-radius: 3px 3px;
    -moz-border-radius: 3px 3px;
    border-radius: 3px 3px;
    width: 198px; /* 218px */ 
    height: 19px; /* 27px */
    padding: 4px 10px 4px 10px;
    line-height: 19px;
    font-size: 11px;
    color: #6e6e6e;
    margin-top: 3px;
}
input[type=text].small, 
input[type=password].small, 
input[type=file].small, 
input[type=search].small, 
input[type=email].small, 
input.inp.text.small, 
input.inp.password.small, 
input.inp.search.small, 
input.inp.email.small, 
input.inp.file.small {
    height: 15px; /* 23px */
}
input[type=text].wide, 
input[type=password].wide, 
input[type=file].wide, 
input[type=search].wide, 
input[type=email].wide, 
input.inp.text.wide, 
input.inp.password.wide, 
input.inp.search.wide, 
input.inp.email.wide, 
input.inp.file.wide {
    width: 298px;
}
input[type=text]:focus, 
input[type=password]:focus, 
input[type=file]:focus, 
input[type=search]:focus, 
input[type=email]:focus, 
input.inp.text:focus, 
input.inp.password:focus, 
input.inp.search:focus, 
input.inp.email:focus, 
input.inp.file:focus {
    color: #000000;
}
input[type=text].invalid, 
input[type=password].invalid, 
input[type=file].invalid, 
input[type=search].invalid, 
input[type=email].invalid, 
input[type=email].invalid, 
input.inp.text.invalid, 
input.inp.password.invalid, 
input.inp.search.invalid, 
input.inp.email.invalid, 
input.inp.file.invalid {
    border-color: red;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Buttons 
 */
.btn, .btn:hover, .btn:active, .btn:visited, .btn:link {
    color: #FFFFFF;
    cursor: pointer;
    -moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
.btn {
    /*
    Color: grey/blue | Default: grey
    Height: short/tall | Default: short
    Width: narrow/normal/medium/wide | Default: medium
    */
    border: 0 none;
    
    height: 16px; /* 24px */
    line-height: 16px;
    padding: 4px 0;
    font-size: 11px;
    /* tall
    height: 20px;  34px
    line-height: 20px;
    padding: 7px 0 7px 0;
    font-size: 13px;
    */
    
    width: 154px;
    background: url('/img/buttons/btn_grey_h34_w154.png') no-repeat;
    /* background-repeat: no-repeat; */
    color: #FFFFFF;
    font-weight: bold;
    
    display: inline-block;
    margin: auto auto;
    text-align: center;
    
    overflow: hidden;
    white-space: nowrap;
}
input.btn {
    height: 24px;
}
.btn.tall {
    text-shadow: #aaaaaa 0 0 3px;
}

/* Hover*/
.btn:hover {
    text-shadow: #aaaaaa 0 0 3px;
}
.btn.tall:hover {
    text-shadow: #aaaaaa 0 0 6px;
}

/* Tall */
.btn.tall {
    height: 20px; /* 34px */
    line-height: 20px;
    padding: 7px 0 7px 0;
    width: 104px;
    font-size: 14px;
}
input.btn.tall {
    height: 34px;
}
    
    .btn.narrow {
        width: 48px;
    }
    .btn.small {
        width: 82px;
        font-size: 11px;
    }
    .btn.normal {
        width: 104px;
    }
    .btn.medium {
        width: 154px;
    }
    .btn.wide {
        width: 218px;
    }
    
    /*
    '' = height: 24px
    Tall = height: 34px
    */
    
    .btn { background: url('/img/buttons/btn_grey_h24_w104.png') no-repeat; }
    .btn.narrow { background: url('/img/buttons/btn_grey_h24_w48.png') no-repeat; }
    .btn.narrow.greybg { background: url('/img/buttons/btn_grey_h24_w48.png') no-repeat; }
    .btn.narrow.greybrightbg { background: url('/img/buttons/btn_grey2_h24_w48.png') no-repeat; }
    
    .btn.small { background: url('/img/buttons/btn_grey_h24_w82.png') no-repeat; }
    .btn.small.greybg { background: url('/img/buttons/btn_grey_h24_w82.png') no-repeat; }
    .btn.small.greybrightbg { background: url('/img/buttons/btn_grey2_h24_w82.png') no-repeat; }
    
    .btn.normal { background: url('/img/buttons/btn_grey_h24_w104.png') no-repeat; }
    .btn.normal.greybg { background: url('/img/buttons/btn_grey_h24_w104.png') no-repeat; }
    .btn.normal.greybrightbg { background: url('/img/buttons/btn_grey2_h24_w104.png') no-repeat; }
    .btn.medium { background: url('/img/buttons/btn_grey_h24_w154.png') no-repeat; }
    .btn.medium.greybg { background: url('/img/buttons/btn_grey_h24_w154.png') no-repeat; }
    .btn.medium.greybrightbg { background: url('/img/buttons/btn_grey2_h24_w154.png') no-repeat; }
    .btn.wide { background: url('/img/buttons/btn_grey_h24_w218.png') no-repeat; }
    .btn.wide.greybg { background: url('/img/buttons/btn_grey_h24_w218.png') no-repeat; }
    .btn.wide.greybrightbg { background: url('/img/buttons/btn_grey2_h24_w218.png') no-repeat; }
    
    .btn.tall {  background: url('/img/buttons/btn_grey_h34_w154.png') no-repeat; }
    .btn.tall.narrow { background: url('/img/buttons/btn_grey_h34_w48.png') no-repeat; }
    .btn.tall.narrow.greybg { background: url('/img/buttons/btn_grey_h34_w48.png') no-repeat; }
    .btn.tall.narrow.greybrightbg { background: url('/img/buttons/btn_grey2_h34_w48.png') no-repeat; }
    .btn.tall.normal {  background: url('/img/buttons/btn_grey_h34_w104.png') no-repeat; }
    .btn.tall.normal.greybg { background: url('/img/buttons/btn_grey_h34_w104.png') no-repeat; }
    .btn.tall.normal.greybrightbg { background: url('/img/buttons/btn_grey2_h34_w104.png') no-repeat; }
    .btn.tall.medium {  background: url('/img/buttons/btn_grey_h34_w154.png') no-repeat; }
    .btn.tall.medium.greybg { background: url('/img/buttons/btn_grey_h34_w154.png') no-repeat; }
    .btn.tall.medium.greybrightbg { background: url('/img/buttons/btn_grey2_h34_w154.png') no-repeat; }
    .btn.tall.wide {  background: url('/img/buttons/btn_grey_h34_w218.png') no-repeat; }
    .btn.tall.wide.greybg { background: url('/img/buttons/btn_grey_h34_w218.png') no-repeat; }
    .btn.tall.wide.greybrightbg { background: url('/img/buttons/btn_grey2_h34_w218.png') no-repeat; }
    
    .btn.bluebg { background: url('/img/buttons/btn_blue_h34_w154.png') no-repeat; }
    .btn.bluebg.tall { background: url('/img/buttons/btn_blue_h34_w154.png') no-repeat; }
    .btn.bluebg.tall.medium { background: url('/img/buttons/btn_blue_h34_w154.png') no-repeat; }
    
    .btn.greenbg { background: url('/img/buttons/btn_green_h34_w154.png') no-repeat; }
    .btn.greenbg.tall { background: url('/img/buttons/btn_green_h34_w154.png') no-repeat; }
    .btn.greenbg.tall.medium { background: url('/img/buttons/btn_green_h34_w154.png') no-repeat; }
    
.numcircle {
    /* Counter to the right */
    padding: 2px;
    height: 12px !important; 
    min-width: 12px;
    display: inline-block;
    -moz-border-radius: 5em;
    -webkit-border-radius: 5em;
    border-radius: 5em;
    background: #FFF;
    line-height: 12px !important;
    font-size: 10px;
    font-weight: bold;
    color: #000;
    text-align: center;
}
.numcircle.greenbg {
    background: #1cb711;
    color: #FFF;
}
.numcircle.redbg {
    background: #d10d0d;
    color: #FFF;
}