/*-----------------------------------------------------------------------------------
 
    Theme Name: Massive
    Theme URI: http://massive.se/
    Description: A Wordpress theme for Massive. 
    Author: Alfred Gunnarsson
    Author URI: http://salmiakmedia.se/
    Version: 1.2.6
     
    Based on the HTML5-template by David Paulsson - http://davidpaulsson.se/
    
    ** Se the readme.txt for how to install **
 
-----------------------------------------------------------------------------------
 
    0.   CSS Reset
    0.5  Grid
    1.   Document
     
-----------------------------------------------------------------------------------*/
 
/*---------------------------------------------------------------------------------*/
/*  0.  CSS Reset - html5doctor.com Reset Stylesheet
/*---------------------------------------------------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

/* STILLTAP - Importera icon set för quotes. */
@font-face {
    font-family: 'icons';
    src: url("css/font/icons.eot");
    src: 
        url("css/font/icons.eot?#iefix") format('embedded-opentype'), 
        url("css/font/icons.woff") format('woff'), 
        url("css/font/icons.ttf") format('truetype'), 
        url("css/font/icons.svg#icons") format('svg');
    font-weight: normal;
    font-style: normal;
}

/* STP - Här sätter vi vad för "ikoner/text" vi ska använda till quotes */
blockquote {
font-family: 'icons';
font-size: 18px;
font-style: italic;
width: 500px;
margin: 0.25em 0;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;

}


/* STP - Sätt stil, placering, färg och storlek på FÖRSTA quote markeringen. */
blockquote:before {
display: block;
/*  Detta är ascii koden för detta tecken */
content: "\275d";
font-size: 25px;
position: absolute;

color: #39b2bb;
top: 0px;
left: 10px
}


/* STP - Sätt stil, placering, färg och storlek pä ANDRA quote markeringen. */
blockquote:after {
display: block;
/*  Detta är ascii koden för detta tecken */
content: "\e800";
font-size: 25px;
position: absolute;
color: #39b2bb;
bottom: -10px;
right: 20px;
}



a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/*---------------------------------------------------------------------------------*/
/*  0.5 Created with NoGutterGrid by Salmiak Media - www.salmiakmedia.se 4 / 244 / 10
/*---------------------------------------------------------------------------------*/

.wrapper 		{width: 976px; margin: 0 auto; position: relative; background: #FFF;}
.container_1, .container_2, .container_3, .container_4 {float: left; margin-left: 0; margin-right: 0; padding: 0; position: relative;} 
.container_1 { width: 244px; } 
.container_2 { width: 488px; } 
.container_3 { width: 732px; } 
.container_4 { width: 976px; } 
.inside {margin: 0 10px;} 
.clear { width: 100%; clear: both; }


/*---------------------------------------------------------------------------------*/
/*  1.  Document global settings
/*---------------------------------------------------------------------------------*/

body {
	font: 11px/150% Verdana, sans-serif;
	color: #494841;
	background: #efeee8;
}

a {
	color: #c55a01;
	text-decoration: none;
}

	a:hover {
		color: #8c4001;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 30px 0 12px;
	line-height: 120%;
	font-weight: normal;
	font-family: 'Crimson Text', serif;
}

h1 {
	font-size: 26px;
	line-height: 110%;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 12px;
}

h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; font-weight: bold; }
h5 { font-size: 13px; font-weight: bold; }
h6 { font-size: 80%; font-weight: bold; text-transform: uppercase; }

.alignright { float: right; margin: 5px 0 12px 12px; }
.alignleft { float: left; margin: 5px 12px 12px 0; }
.aligncenter { display: block; margin: 5px auto 12px;}
.wp-caption-text { font-size: 0.9em; font-style: italic; }

.big-quote {
	font-size: 20px;
	line-height: 120%;
	font-weight: normal;
	font-style: italic;
	color: #47a2be;
	font-family: 'Crimson Text', serif;
}

.studio, .games {
	padding-bottom: 10px;
}

.studio {
	background: #dbd7d2;
	color: #494841;
}

.topImage {
	margin-bottom: 10px;
	height: 240px;
	overflow: hidden;
	position: relative;
}

	.topImage .inside {
		height: 100%;
	}

.hide {
	display: none !important;
}

/*---------------------------------------------------------------------------------*/
/*  2.  Structure
/*---------------------------------------------------------------------------------*/

.wrapper, .wrapper-plus {
	position: relative;
}

/* --- Header --- */

#header {
	display: block;
	width: 976px;
	height: 100px;
}

	#logo {
		margin-top: 30px;
		margin-left: 10px;
	}
	
	.head-border {
		margin: 0px 10px;
		display: block;
		border-bottom: 1px solid #ccc;
	}

/* -- Toppflik -- */

.toppflik {
	position: absolute;
	top: -58px;
	right: 15px;
}

/* --- Navigation --- */

.navigationContainer {
	height: 45px;
	position: relative;
	margin-bottom: 10px;
	font-family: 'Crimson Text', serif;
}

.navigationWrapper {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 45px;
}

nav.mainmenu {
	position: relative;
	z-index: 1500;
	border-bottom: 1px solid #ccc;
	width: 956px;
	margin: 0 auto;
	background: #FFF;
}

	.studio nav.mainmenu {
		background: #dbd7d2;
		border-bottom-color: #AAA;
	}

	.games nav.mainmenu {
		background: #fff;
	}

nav ul li {
	position: relative;
	list-style: none;
	display: inline-block;
	padding: 14px 30px 14px 0;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
}

	nav ul li a {
		text-decoration: none;
		display: block;
	}
	
	nav ul li ul {
		display: none;
	}
	
	nav ul li:hover ul {
		display: block;
		position: absolute;
		top: 40px;
		left: 0px;
		z-index: 900;
		width: auto;
		white-space: nowrap;
		
		padding: 3px 5px 8px;
		background: #FFF;
		border: 1px solid #ccc;
	}
	
		.studio nav ul li:hover ul {
			border-color: #AAA;
		}
	
		nav ul li ul li {
			font-size: 	 100%;
			line-height: 100%;
			padding: 5px 30px 5px 5px;
			text-align: left !important;
			display: block;
			border-bottom: 1px dotted #CCC;
			text-transform: capitalize;
		}
		
			nav ul#menu-studio li ul,
			#studio-menu nav ul li ul {
				background: #dbd7d2;
				border-color: #AAA;
			}
		
			nav ul#menu-studio li ul li,
			#studio-menu nav ul li ul li {
				border-bottom-color: #AAA;
			}
			
			nav ul li ul li:last-child {
				border-bottom: none;
			}

.container_1 .inside ul {
	border-bottom: none;
	/* margin-top: -10px; */
	margin-bottom: 5px;
}

	 .container_1 li {
		list-style: none;
		padding: 10px 0;
		border-top: 1px dotted #ccc;
		font-weight: bold;
		text-transform: uppercase;
	}
	
		.container_1 .inside ul.menu {
			font-family: 'Crimson Text', serif;
			font-size: 14px;
			margin-bottom: -10px;
		}
	
		#studioContent .container_1 li {
			border-bottom-color: #AAA;
		}
	
		.container_1 li:first-child {
			border-top: none;
		}
		
		.page-template-page-studio-front-php .container_1 ul,
		.page-template-page-games-front-php .container_1 ul,
		.frontpage .container_1 ul {
			margin-top: -5px;
		}
		
		.page-template-page-studio-front-php .container_1 li,
		.page-template-page-games-front-php .container_1 li,
		.frontpage .container_1 li {
			padding: 5px 0 0;
			font-weight: normal;
			text-transform: none;
			border: none;
		}

/* --- Main --- */

#main .masonry {
	padding-bottom: 10px;
}

/* --- Article --- */

	h1.post-title {
		padding: 12px 0 14px;
		border-bottom: 1px dotted #ccc;
		text-transform: uppercase;
		margin-bottom: 10px;
		font-size: 26px;
	}
	
		.studio h1.post-title {
			border-bottom-color: #AAA;
			}

/* Archive and listings */

div.container_1 .inside,
.widget.container_1 .inside {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
	padding-top: 10px;
}
	div.container_1 .inside.no-border,
	.widget.container_1 .inside.no-border {
		border: none;
	}

	.studio div.container_1 .inside,
	.studio .widget.container_1 .inside {
		border-bottom-color: #AAA;
	}

div.container_1 .inside h2 {
	margin-top: 5px;
}

div.container_1 .inside p {
	margin-bottom: 5px;
}

/* Page and Post */

article {
}

	article .post-content .inside {
		/* padding: 0 30px 30px 0; */
		padding: 10px 145px 30px 0;
	}
	
	article .post-content p,
	article .post-content address,
	article .post-content ul,
	article .post-content ol {
		margin-bottom: 12px;
	}
	
	article .post-content img {
		max-width: 567px;
		height: auto;
	}
	
	article .post-content ul,
	article .post-content ol {
		margin-left: 1.6em;
	}
	
	/* STP --- TEXTFÄRG PÅ QUOTE OCH STIL */
	
	article .post-content blockquote {
		display: block;
		background: none;
		border: none;
		padding: 8px 12px 0px;
		margin: 0px 0px 10px;
		color: #44bac3;
		font-style: italic;
		margin: 18px 50px 18px 20px;
	}
		
		/* STP - här sätts bakgrunden till blockquote. Nu är den AV!*/
		.studio article .post-content blockquote {
			background: none;
			border-color: none;
		}
		
		/* - STP - Sätter typsnittet på texten...*/
		.studio article .post-content blockquote p {
			font-family: Georgia, serif;
			text-indent: 35px;
		}

		/* - STP - Sätter typsnittet på texten...*/
		.games article .post-content blockquote p {
			font-family: Georgia, serif;
			text-indent: 35px;
		}
	
	article .post-content code,
	article .post-content kbd,
	article .post-content tt,
	article .post-content pre {
		font: normal normal 0.8em monospace;
	}
	
	article .post-content sub {
		font-size: 75%;
		vertical-align: -0.4em;
	}
	
	article .post-content sup {
		font-size: 75%;
		vertical-align: +0.5em;
	}
	
	article .post-content table {
		background: #F5F5F5;
		border: 1px solid #F0F0F0;
		margin: 5px 0px 10px;
		color: #333;
	}
	
		article .post-content table th,
		article .post-content table td {
			padding: 2px 7px;
			border: 1px solid #FFF;
		}
	
		article .post-content table th,
		article .post-content table td.label {
			background: #F0F0F0;
		}
		
	article .post-content dt {
		float: left;
		clear: left;
		font-weight: bold;
		margin: -1px 5px 0 0;
	}
	
	article .post-content dd {
		margin-left: 1.6em;
		margin-bottom: 5px;
	}
	
	aside {
		margin-top: 15px;
		/* font-size: 12px; */
	}

#nav-nedan .inside {
	padding: 5px 0px;
	font-size: 16px;
}

	#nav-nedan .nav-efter {
		text-align: right;
	}

	#nav-nedan .inside a {
		display: block;
		background: #ccc;
		color: #FFF;
		padding: 4px 10px 6px;
	}
	
	#nav-nedan .inside a:hover {
		background: #c55a01;
	}


/* --- Footer --- */

footer .info .inside {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	border-top: 1px dotted #ccc;
	font-size: 9px;
	line-height: 18px;
}

	footer .socia_icons {
		float: right;
		margin: 0px;
	}
	
	footer p {
		margin-bottom: 5px;
		margin-top: 2px;
	}

/*
.sitemap {
	margin-bottom: 20px;
	color: #999;
}

footer .sitemap h4 {
	margin: 0px 10px 0 10px;
	float: left;
	text-transform: uppercase;
	font-size: 12px;
	color: #777;
}

footer .sitemap ul {
	display: inline;
}

footer .sitemap ul li {
	list-style: none;
	text-transform: uppercase;
	display: inline;
	margin: 0px 6px 0 0;
}
	
	footer .sitemap ul li a {
		color: #999;
	}

	footer .sitemap ul li ul {
		display: inline;
		margin-left: 4px;
	}

	footer .sitemap ul li ul li {
		text-transform: none;
	}
	
	footer .sitemap ul li ul li a {
		color: #BBB;
	}
*/

/* --- Sidebanners --- */

#sidebanner-games {
	position: absolute;
	left: -64px;
	top: 0px;
	width: 64px;
	text-align: right;
	cursor: pointer;
	overflow: hidden;
}

	#sidebanner-games img {
		margin-right: -8px;
		-webkit-transition: all 0.3s ease-out;
    	-moz-transition: 	all 0.3s ease-out;
    	-o-transition: 		all 0.3s ease-out;
	}

	#sidebanner-games img:hover,
	#sidebanner-games img.hovered {
		margin-right: 0px;
		
	}

#sidebanner-studio {
	position: absolute;
	right: -64px;
	top: 0px;
	width: 64px;
	text-align: left;
	cursor: pointer;
	overflow: hidden;
}

	#sidebanner-studio img {
		margin-left: -8px;
		-webkit-transition: all 0.3s ease-out;
    	-moz-transition: 	all 0.3s ease-out;
    	-o-transition: 		all 0.3s ease-out;
	}

	#sidebanner-studio img:hover,
	#sidebanner-studio img.hovered {
		margin-left: 0px;
		
	}


/* --- Widgets --- */

.widget h2 {
	/* padding: 14px 0; */
	margin: 5px 0px 12px;
}

	.widget ul, .widget ol {
		/* margin-left: 1.5em; */
	}



/*---------------------------------------------------------------------------------*/
/*  3.  Specials
/*---------------------------------------------------------------------------------*/


/* ---- Main Frontpage ----- */

/* Sidebanners 
#frontpage-sidebanners #sidebanner-games { left: 0; }
#frontpage-sidebanners #sidebanner-studio {	right: 0; }
*/

/* Background */

#background {
	position: fixed;
	z-index: -300;
	top: 0px;
	left: 0px;
	width: 100% !important;
	height: 100% !important;
}

	#background .slide {
		width: 100% !important;
		height: 100% !important;
	}

/* Structure */
#main.frontpage #mask 	{
	overflow: hidden;
	position: relative;
	width: 956px;
	border-left: 10px solid #FFF;
	border-right: 10px solid #dbd7d2;
	padding-bottom: 0;
} 

#frontpage-container {
	position: relative;
	width: 1952px;
	left: -498px;
}

#studioContent {
	margin-top: -55px;
	padding-top: 55px;
}

#gamesContent .topImage .inside {
	margin-right: 0px;
}
#studioContent .topImage .inside {
	margin-left: 0px;
}

#gamesContent .widget .inside,
#studioContent .widget .inside,
#gamesContent .container_1 .inside,
#studioContent .container_1 .inside {
	height: 170px;
	overflow: hidden;
	border:none;
}

	#gamesContent .widget .inside p,
	#studioContent .widget .inside p {
		margin-bottom: 5px;
	}

/* Topflikar */

#frontpage-flikar .toppflik {
	# display: none;
	top: 0px;
}


/* Navigation */

.navigationContainer {
	position: relative;
	z-index: 900;
}

#studioContent .navigationContainer {
	width: 956px;
}
.navigationWrapper .inactive {
	display: none;
}

.navigationWrapper .frontpage-menus {
	margin: 0 auto;
	width: 956px;
}

.navigationWrapper .frontpage-mainmenu {
	float: left;
	width: 478px;
	border-bottom: 1px solid #ccc;
}
	
	.frontpage-mainmenu.studio-menu {
		text-align: right;
		border-bottom-color: #AAA;
	}
	
		.frontpage-mainmenu.studio-menu nav ul li {
			padding-right: 0px;
			text-align: right;
			width: auto;
			border-bottom-color: #AAA;
		}
		
		.frontpage-mainmenu.hovered nav ul li a {
			color: #8c4001;
		}
		
			.frontpage-mainmenu.studio-menu nav ul li ul {
				right: 0px;
				left: auto;
				background: #dbd7d2;
				border-color: #AAA;
			}
		
			.frontpage-mainmenu.studio-menu nav ul li ul li {
				padding-right: 30px;
			} 

	#games-menu nav {
		background: #FFF;
	}
	
	#studio-menu nav {
		background: #dbd7d2;
		border-bottom-color: #AAA;
	}

.more-slider {
	position: absolute;
	bottom: 10px;
	padding: 5px 10px 6px;
	background: #666;
	color: #EEE;
	font-size: 15px;
	z-index: 900;
	cursor: pointer;
}

	.more-slider.games-slider {
		left: 0px;
	}

	.more-slider.studio-slider {
		right: 0px;
	}
	
	
/* --- Section Frontpage --- */

#mask 	{
	overflow: hidden;
	position: relative;
	width: 966px;
}

#main.games #mask {
	border-right: 10px solid #FFF;
} 

#main.studio #mask {
	border-right: 10px solid #dbd7d2;
} 

	#main.studio #mask .topImage {
		margin-left: 10px;
	}	
	
	
/* Work-ad-pages */

.message {
	background: #c55a01;
	opacity: 0.8;
	color: white;
	padding: 10px 15px;
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 21px;
}

.job-type {
	float: left;
	margin: 4px 0 0 0;
	font-size: 9px;
	padding: 0 5px 0 0;
	font-family: Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 10px;
	font-weight: bold;
}

	.single-work-ad .job-type {
		margin-top: 4px;
	}


/* Archive */

.masonry-block .inside {
	height: 170px;
	overflow: hidden;
}

.container_1 ul.cases {
	list-style: none;
	width: 234px;
	margin: 0px;
	margin-top: -10px;
}

	.cases li {
		list-style: none;
		display: block;
		float: left;
		margin: 0 10px 10px 0;
		border: none;
		padding: 0px;
	}

	.cases li img {
		display: block;
		margin: 0;
	}



/* Games portfolio pages */
.single-portfolio-page .pegi {
	position: absolute;
	top: 0px;
	right: 10px;
	list-style: none;
}

	.single-portfolio-page .pegi li {
		display: inline;
		height: 45px;
		margin-right: 2px;
	}
	
		.single-portfolio-page .pegi li img {
			display: inline;
			width: 30px;
			height: auto;
		}


.single-portfolio-page .game_meta .container_1 .inside,
.single-portfolio-page aside .container_1 .inside {
	border-bottom: none;
	padding: 0px;
	margin-bottom: 14px;
}
	
	.single-portfolio-page .game_meta h4 {
		margin-top: 4px;
		margin-bottom: 2px;
	}

	.single-portfolio-page .game_meta p {
		margin-bottom: 7px;
	}
	
	.single-portfolio-page .game_meta ul {
		list-style: none;
		margin: 0px;
	}

	.single-portfolio-page .game_meta ul li {
		text-transform: none;
		border: none;
		margin: 0px;
		padding: 0px;
		font-weight: normal;
	}

	.single-portfolio-page .game_meta ul.awards {
		padding: 20px;
	}
	
		.single-portfolio-page .game_meta ul.awards li {
			display: block;
			float: left;
			margin-right: 15px;
		}

.container_1.media ul.minimedia {
	list-style: none;
	width: 234px;
	margin: 0px;
}

	.container_4.media {
		width: 986px;
		padding-top: 10px;
	}

	.media .minimedia li {
		list-style: none;
		display: block;
		float: left;
		margin: 0 10px 10px 0;
		border: none;
		padding: 0px;
	}

	.media .minimedia li img {
		display: block;
		margin: 0;
	}

.media h2 {
	padding: 0 0 5px 0;
}

.media p {
	margin-bottom: 10px;
}

.games aside .widget h2 {
	margin-top: 5px;
}

.ajax_canvas {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #EFEFEF;
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
	width: 976px;
	z-index: 700;
}

	.close_btn {
		position: absolute;
		bottom: -22px;
		left: 10px;
		padding: 0px 13px;
		background: #E8E8E8;
		border: 1px solid #BBB;
		border-top-color: #FFF;
		border-bottom-color: #666;
		border-radius: 0px 0px 6px 6px;
		cursor: pointer;
		font: bold 10px/20px Helvetica, sans-serif;
		text-transform: uppercase;
	}
	
	
/* CASE-PAGES */

.post-type-archive-case-page .container_2 {
	margin-bottom: 12px;
}

.case_title {
	position: absolute;
	bottom: 20px;
	right: 10px;
	background: #444;
	background: rgba(0,0,0,0.75);
	color: #FFF;
	padding: 6px 13px 8px;
	font-size: 10px;
	line-height: 1.5;
	width: 200px;
}

.case_title h3 {
	font-size: 18px;
	line-height: 1;
	font-style: italic;
	text-transform: uppercase;
	color: #FFF;
	margin: 5px 0px;
}

	.case_title h3 a {
		color: #FFF;
	}

.single-case-page article {
	background-repeat: no-repeat !important;
}

.single-case-page .post_title .inside {
	margin: 20px 0px 0px 220px;
	padding: 10px 10px 0px 10px;
	background: #444;
	background: rgba(0,0,0,0.75);
	color: #FFF;
}

	.single-case-page .post_title .inside .post-title {
		border-bottom-color: #FFF;
		margin: 0px;
	}

.single-case-page .post-content .inside {
	margin: 0px 0px 20px 220px;
	padding: 20px 30px 20px 10px;
	background: #444;
	background: rgba(0,0,0,0.75);
	color: #FFF;
}


/* Stream */

ul.stream {
	list-style: none;
	margin: 0px 0px 10px 0px !important;
	border-bottom: 1px dotted #AAA;
	# border-top: 1px dotted #AAA;
	padding: 0 0px 10px;
}

	aside ul.stream {
		margin-bottom: -10px !important;
	}

ul.stream li.stream-title {
	border-bottom: 1px dotted #AAA;
	margin-bottom: 7px;
	padding: 7px 10px 7px;
}

	ul.stream li.stream-title h2 {
		margin: 0px;
		text-transform: uppercase;
		font-size: 15px;
		text-align: center;
	}

ul.stream li {
	float: none;
	clear: both;
	padding: 2px 10px 12px 40px;
	text-transform: none;
	font: 11px/150% Verdana, sans-serif;
	border: none;
}

ul.stream .stream_icon {
	float: left;
	margin-left: -30px;
	vertical-align: baseline;
	opacity: 0.5;
}

ul.stream .date {
	color: #888;
}


/* Playtesting */

.fieldset_col {
	width: 48%;
	float: left;
	margin-right: 2%;
}

fieldset {
	border: 1px solid #DDD;
	padding: 8px 10px;
	margin: 0px 0px 15px;
}

legend {
	padding: 0px 5px;
	font: bold 15px/1.5 'Crimson Text', serif;
	text-transform: uppercase;
}

label {
	display: inline;
}

input, select, textarea {
	margin: 0 5px 6px 0;
}

textarea {
	width: 240px;
	height: 60px;
}

select {
	max-width: 75%;
}
.star {
	color:red;
}
.suboption{
	/*padding-left:10px;*/
	padding-bottom:2px;
	
}
.suboption label{
	/*padding-left:10px;*/
	padding-right:5px;
	
}
#reloadImg {
	cursor: pointer;
}
.selcountry{
	width:150px;
}