/*
	These styles are just for the example. The base styles are in SelectBox.css.
*/	
.customSelect { clear: both;}

/* COUNTRY SELECTBOX */
/* This should be a sprite... but this is quicker for examples sake */

dd, .selectedValue  {
	height: 70px;
	}

dd span, .selectedValue span {
	
	position: relative;
	top: 2px;
	display: block;
	height: 70px;
	width: 70px;
	float: left;
}

.customSelect dd {
	font-size:16px;height:68px;
	}

.dd-text {margin-top:22px;font-size:18px;}

dd span.dz, .selectedValue span.dz {background: url("../flags/dz.png") no-repeat;}
dd span.ar, .selectedValue span.ar {background: url("../flags/ar.png") no-repeat;}
dd span.be, .selectedValue span.be {background: url("../flags/be.png") no-repeat;}
dd span.ba, .selectedValue span.ba {background: url("../flags/ba.png") no-repeat;}
dd span.br, .selectedValue span.br {background: url("../flags/br.png") no-repeat;}
dd span.gh, .selectedValue span.gh {background: url("../flags/gh.png") no-repeat;}
dd span.de, .selectedValue span.de {background: url("../flags/de.png") no-repeat;}
dd span.hn, .selectedValue span.hn {background: url("../flags/hn.png") no-repeat;}
dd span.gr, .selectedValue span.gr {background: url("../flags/gr.png") no-repeat;}
dd span.ir, .selectedValue span.ir {background: url("../flags/ir.png") no-repeat;}
dd span.co, .selectedValue span.co {background: url("../flags/co.png") no-repeat;}
dd span.kr, .selectedValue span.kr {background: url("../flags/kr.png") no-repeat;}
dd span.cr, .selectedValue span.cr {background: url("../flags/cr.png") no-repeat;}
dd span.ci, .selectedValue span.ci {background: url("../flags/ci.png") no-repeat;}
dd span.mx, .selectedValue span.mx {background: url("../flags/mx.png") no-repeat;}
dd span.ng, .selectedValue span.ng {background: url("../flags/ng.png") no-repeat;}
dd span.nl, .selectedValue span.nl {background: url("../flags/nl.png") no-repeat;}
dd span.pt, .selectedValue span.pt {background: url("../flags/pt.png") no-repeat;}
dd span.ru, .selectedValue span.ru {background: url("../flags/ru.png") no-repeat;}
dd span.us, .selectedValue span.us {background: url("../flags/us.png") no-repeat;}
dd span.uy, .selectedValue span.uy {background: url("../flags/uy.png") no-repeat;}
dd span.fr, .selectedValue span.fr {background: url("../flags/fr.png") no-repeat;}
dd span.cl, .selectedValue span.cl {background: url("../flags/cl.png") no-repeat;}
dd span.ch, .selectedValue span.ch {background: url("../flags/ch.png") no-repeat;}
dd span.ec, .selectedValue span.ec {background: url("../flags/ec.png") no-repeat;}
dd span.un, .selectedValue span.un {background: url("../flags/un.png") no-repeat;}

.sendbutton {font-size:20px;padding:15px 30px;background: green; color:white; border:1px solid #005a00;border-radius:2px;cursor:pointer;}
.sendbutton:hover {background:#005a00;}

.content p.alert-danger {width:690px;background:#f2dede;border:1px solid #ebccd1;color:#a94442;padding:20px;display:block;border-radius:3px;}

td.c1 {font-size:24px;background-repeat:no-repeat;background-position:260px center;padding:18px 84px 20px 0;text-align:right;width:250px;}
td.c2 {font-size:24px;background-repeat:no-repeat;background-position:10px center;padding:18px 0 20px 84px;width:250px;text-align:left;}
td.s1 {font-size:24px;text-align:right;width:50px;}
td.s2 {font-size:24px;width:50px;}