/* typography ============================================================ */

@font-face {
    font-family: 'sansumiregular';
    src: url('/fonts/sansumi-bold-webfont.eot');
    src: url('/fonts/sansumi-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/sansumi-bold-webfont.woff') format('woff'),
         url('/fonts/sansumi-bold-webfont.ttf') format('truetype'),
         url('/fonts/sansumi-bold-webfont.svg#sansumiregular') format('svg');
}

@font-face {
    font-family: 'sansumi-ultralightregular';
    src: url('/fonts/sansumi-ultralight-webfont.eot');
    src: url('/fonts/sansumi-ultralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/sansumi-ultralight-webfont.woff') format('woff'),
         url('/fonts/sansumi-ultralight-webfont.ttf') format('truetype'),
         url('/fonts/sansumi-ultralight-webfont.svg#sansumi-ultralightregular') format('svg');
}

@font-face {
    font-family: 'sansumi-demiboldregular';
    src: url('/fonts/sansumi-demibold-webfont.eot');
    src: url('/fonts/sansumi-demibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/sansumi-demibold-webfont.woff') format('woff'),
         url('/fonts/sansumi-demibold-webfont.ttf') format('truetype'),
         url('/fonts/sansumi-demibold-webfont.svg#sansumi-demiboldregular') format('svg');
}


/* custom ============================================================ */

body { font-family: Arial, 'Helvetica', sans-serif; }

h1, h2, h3, h4, h5  { font-family: "sansumi-ultralightregular", sans-serif; }
legend, label {font-family: "sansumiregular", sans-serif; } 
.iconBox {
	width: 600px;
	margin-left: 160px;	
}

.iconBox .icon {
	float: left;
	width: 50px;
	height: 80px;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
	line-height: 7px;	
}

.iconBox img {
	cursor: pointer;	
}

.iconBox img {
	padding: 4px;
	display: inline;
	margin-bottom: 4px;
}

.iconBox img.selected {
	background-color: none;
	border-radius: 100%; 
	border: 2px solid #83b95a;
}

.iconBox div.selected {
	border: 3px solid #D44413;
	background-color: #D44413;
}

.iconBox span {
	display: block;
	text-align: center;
	font-size: 8px;
}

.mapCanvas img {
	max-width: none;
}

.handle {
	cursor: move;
}

/* BOOTSTRAP OVERRIDES */
.navbar-inner { background: #10a4cb; background: rgba(16,164,203,.9);  box-shadow: none; padding: 0; }

#main { padding-top: 20px; }

.btn { background: #0b9bc4; border-radius: 0; border: none; box-shadow: none; padding: 8px 20px; margin-top: 10px; }
.btn:hover { background: #0f7693;}
a { color: #0b9bc4; }
a:hover { color: #0f7693;}

.well { background: none; box-shadow: none; border: none;  }

.navbar .nav > li > a { border: none; text-shadow: none; }


.nav { float: right; }
.navbar .nav > li > a, .nav li a { color: #fff; padding: 18px 13px; font-family: "sansumiregular", sans-serif;}
.navbar .nav > li > a:hover, .nav li a:hover { background: #0f7693; }

.navbar-fixed-top .container, .navbar-fixed-bottom .container { padding-left: 25px; width: auto; }

table.dataTable tr { padding-top: 5px; padding-bottom: 5px; }
table.dataTable tr.even { background: #d5d5d5;}
table.dataTable tr.odd { background: #e7e7e8;}

table.dataTable thead th { background: #82b85a; } 
table.dataTable td { padding: 10px; }

.alert { background: #e7e7e8; border: none; }

table.dataTable thead th {text-shadow: 0 1px 0 rgba(0,0,0,.5) ; font-family: "sansumi-ultralightregular", sans-serif; font-weight: normal; padding: 10px;}

.navbar .navbar-text { margin-top: 10px;}