/*  
*
*		MSM Grid framework
*		File type: CSS2
*		Media type: screen
*		License : GPL
*   
---------------------------------------- 
        Stylesheet structure
----------------------------------------
#1 - Body
#2 - Headers
#3 - Lists
	#3.1 - dl
	#3.2 - ul	
#4 - Links
#5 - Forms
#6 - Text 
#7 - Misc
*/


/* #1 -------- Body -------- */
	html, body {height:100%; }
	body { 
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 9pt !important;
		line-height:160%;
		background:  #b01f18;
		color:#000000;
}


/* #2 -------- Headers -------- */ 
	h1 { font: 1.85em/1.6em Times New Roman, Helvetica, sans-serif; margin-bottom: 20px;margin-top:10px;}
	h2 { font: 1.15em/1.6em verdana;margin-bottom: 0.75em; font-weight:bold;}
	h3 { font-size: 1em;  margin-bottom: 1em; }
	h4 { font-size: 0.8em; margin-bottom: 1.25em; }
	h5 { font-size: 0.8em; font-weight: bold; margin-bottom: 1.5em; }
	h6 { font-size: 0.8em; font-weight: bold; }



/* #3 -------- Lists -------- */

	/* #3.1 - dl - */
	dl		{ margin: 0; padding:5px 0px;}
	dl dt	{ font-weight: bold; }
	dl dd	{ margin: 2px 0px 2px 20px; font-size:8pt; }
	dl dd	strong{ font-size:9pt; }

	/* #3.2 - ul - */
	.grList { list-style-type: none; margin:5px 0px 0px 10px;padding:0px;}
	.grList li {
	  background: url(../images/arrowRight.gif) no-repeat left center;
	  padding: 0px 0px 0px 20px;
	  margin:0px; 
	}



/* #4 -------- Links -------- */
	a:link		{ color:#cc1515;  text-decoration: underline; cursor:pointer;}
	a:visited	{ color:#cc1515;cursor:pointer; }
	a:hover	{color:#000000; cursor:pointer;}
	a:focus	{}
	a:active	{}
	
	.moreLink{ background:url(../images/arrIco.gif) no-repeat left center;padding-left:15px; }



/* #5 -------- Forms -------- */
	form		{ margin: 0px; padding: 0px; }
	label		{ cursor:pointer;}
	fieldset	{ }
	legend	{ }
	select	{ cursor:pointer; }
	
	input.text, input.title, textarea {margin:2px 0;  border:1px solid #dddddd; }
	input.text:focus, input.title:focus,textarea:focus { border:1px solid #bbbbbb; }
	
		/* #8 - Common form style - */
		.gForm{}
		.gForm .submit{}


/* #6 -------- Text -------- */
	/* #6.1 - Text style  - */
		.fWb	{  font-weight:bold !important; }
		.fWn	{  font-weight:normal !important; }
		.fVi	{  font-style:italic  !important;}
		.sTxt	{  font-size:8pt !important; font-family: verdana !important;
		}
		.lTxt	{  font-size:110% !important;  }	
	
	/* #6.2 - Text aligments  -  */
		.tAl	{ text-align:left !important;     }
		.tAc	{ text-align:center !important;}
		.tAr	{ text-align:right !important;   }
		.tAj	{ text-align:justify !important; }

	/* #6.3 - Text colors - */
		.tClr0{ color:#000000; }
		.tClr1{color:#e9c55f;}
		.tClr2{color:#9f7221;}	
		.tClr3{color:#988f56;}
		.tClr4{color:#000000;}						
			
		


/* #7 -------- Misc -------- */
	p				    { margin: 10px 0px; }
	blockquote	{ margin: 10px; font-style: italic; }
	
	abbr, 
	acronym		{ border-bottom: 1px dotted #666; }
	address		{ margin: 0 0 15px; font-style: italic; }
	
	pre 			{ margin: 15px 0; white-space: pre; }
	pre,code,tt { font: 10px 'andale mono', 'lucida console', monospace; line-height: 1.5; }
	
	sup{}
	hr {
		background: #dddddd; 
	 	color: #dddddd;
	 	clear: both; 
	 	float: none; 
	 	width: 100%; 
	 	height: .1em;
	 	margin: 0 0 1.45em;
	 	border: none; 
	}
	

/* #8 -------- Message boxes -------- */
	.msgBlock	{ padding: .8em; margin: 1em 0; border: 1px solid #ddd; }
	.loaderBgr strong { background:url(../images/loader.gif) no-repeat; line-height:50px; padding: 15px 0px 15px 50px; }

	/* #12.1 - Box background - */
	.errorMsg		{ background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
	.noticeMsg		{ background: #FFF6BF; color: #514721; border-color: #FFD324; }
	.successMsg	{ background: #d5efc2; color: #264409; border-color: #006a23; }	
	
	/* #12.2 - Box links - */
	.errorMsg a		{ color: #8a1f11; }
	.noticeMsg a	{ color: #514721; }
	.successMsg a	{ color: #264409; }

	/**************************************************************/

#fade {
	display: none;
	background: #000; 
	position:absolute !important; 
	z-index: 10;
	width: 100%; 
	height: 100%;
	opacity: .80;
	z-index: 9999;
}
.buttonRight{
	float:right;
}
.modal{
	display: none;
	background: #fff;
	padding: 10px; 	
	border: 10px solid #ddd;
	float: left;
	position: absolute !important;
	left: 15%;
	right: 15%;
	top:-20%;
	width: 800px;
	z-index: 99999;
	overflow: auto;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}