/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 background-color:#333333;
}

a:link, a:hover, a:visited
{
	color:#CCC;
	text-decoration:none;
}

a:hover 
{
	text-decoration:underline;
}

#wrapper { 
 margin: 0 auto;
 width: 1027px;

}

#content { 
 width: 1005px;
 color: #FFF;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 627px;
 background: #F2F2E6 url(images/Background.jpg);
}

#area
{
	margin-top:200px;
}

form input.text-input,
form select,
form textarea,
form .wysiwyg {
                padding: 6px;
                font-size: 13px;
                background: #fff url(images/bg-form-field.gif) top left repeat-x;
                border: 1px solid #d5d5d5;
				color: #333;
	
                }
				
form input.text-input,
form textarea,
form .wysiwyg,
form select {
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
				border-radius: 4px;
			}				

#login-wrapper {
                
				}

#login-wrapper #login-top {
				width: 100%;
				padding: 130px 0 20px 0;
				text-align: center;
				margin:auto;
				}
				
#login-wrapper #login-content {
				text-align: left;
				width: 300px;
				margin: 0 auto;
				}
				
#main-content {
				text-align: left;
				width: 500px;
				margin: 0 auto;
				float:left;
				margin-left:50px;
				}				

#right-content
{
	text-align: left;
	width: 300px;
	float:right;
	
	background-color:#DDD;
	font-size:10px;
	margin-right:50px;
	margin-top:10px;
	padding:5px;
	height:247px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border:#000000 2px solid;			
	color:#000;
	overflow:auto;
}

#right-content-bigger
{
	text-align: left;
	width: 300px;
	float:right;
	
	background-color:#DDD;
	font-size:10px;
	margin-right:50px;
	margin-top:10px;
	padding:5px;
	height:490px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border:#000000 2px solid;			
	color:#000;
	overflow:auto;
}	

#below-right
{
	text-align: right;
	width: 300px;
	float:right;
	font-size:10px;
	margin-right:50px;
	margin-top:15px;
	padding:5px;
	height:50px;
	color:#000;
}			
				
#login-wrapper #login-content label {
				color: #fff;
				font-weight: normal;
				font-size: 14px;
				font-family: Helvetica, Arial, sans-serif;
				float: left;
				width: 70px;
				padding: 0;
				}
				
#login-wrapper #login-content input {
				width: 200px;
				float: left;
				margin: 0 0 20px 0;
				border: 0;
				background: #fff;
				}
				
#login-wrapper #login-content p {
				padding: 0;
				}
				
#login-wrapper #login-content p#remember-password, p#remember-password a:link,  p#remember-password a:hover, p#remember-password a:visited{
		
				font-size:10px;
				color:#CCCCCC;
				text-decoration:none;
				padding-right:40px;
				padding-top:3px;
				}

p#remember-password a:hover
{
	text-decoration:underline;
}
				
#login-wrapper #login-content p .button {
				width: auto;
				margin-top: 0px;
				}
		
.button {
				font-family: Verdana, Arial, sans-serif;
                /*background-color: #990000 ;url('images/bg-button-green.gif') top left repeat-x !important;*/
				background-color:#990000 !important;
                border: 1px solid #CCC !important;
                padding: 4px 7px 4px 7px !important;
                color: #fff !important;
                font-size: 11px !important;
                cursor: pointer;
                }
                
.button:hover {
                text-decoration: underline;
                }
                
.button:active {
                padding: 5px 7px 3px 7px !important;
                }

.field
{
	text-align:right;
	font-size:14px;
	font-weight:bold;

}

.small, .small a:link , .small a:hover, .small a:visited
{
	font-size:10px;
	color:#CCCCCC;
	text-decoration:none;
}

.small a:hover
{
	text-decoration:underline;
}

.errorBox
{
	background-color:#990000 !important;
	border: 2px solid #CCC !important;
	padding: 4px 7px 4px 7px !important;
	margin-left:3px;
	margin-bottom:4px;
	color: #CCC !important;
	font-size: 12px !important;
	font-weight:bold;
}

.infoBox
{
	background-color:#CCCCCC !important;
	border: 2px solid #888 !important;
	padding: 4px 7px 4px 7px !important;
	margin-left:3px;
	margin-bottom:4px;
	color: #000 !important;
	font-size: 12px !important;
	font-weight:bold;
}


.menu_items, .menu_items a:link, .menu_items a:hover, .menu_items a:visited 
{
	font-size:18px;
	text-decoration:none;
	color:#CCC;
	padding:5px;
	margin:5px;
	line-height:32px;
}

.menu_items a:hover
{
	text-decoration:underline;
}


.ta_big
{
	font-size:28px;
	width:550px;
	height:145px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;

	padding: 10px;
	background: #fff url(images/bg-form-field.gif) top left repeat-x;
	border: 2px solid #000;
	color: #333;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.ta_small, .ta_small-B
{
	font-size:16px;
	width:550px;
	height:100px;
	font-family:Arial, Helvetica, sans-serif;

	padding: 10px;
	background: #fff url(images/bg-form-field.gif) top left repeat-x;
	border: 2px solid #000;
	color: #333;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.ta_small-B
{
	font-weight:bold;
}

.wider
{
	margin:10px 70px 10px 70px;
	background:#222;
	border:#990000 solid 2px;
	min-height:250px;
	overflow:auto;
}

.tblHead
{
	color:#CCCCCC;
	font-size:14px;
	font-weight:bold;
	padding:3px;
}

.tblData
{
	color:#EEE;
	font-size:12px;
	padding:3px;
}

.row1
{
	background-color:#990000;
	border:#990000 solid 2px;
}

.submin_button
{
	height:27px;
	width:96px;
	border:0px;
	background:url(images/fleche.gif);
	cursor:pointer;
}

.back_button
{
	height:27px;
	width:96px;
	border:0px;
	background:url(images/back.gif);
	cursor:pointer;
}

.topmenu
{
	float:left;
	font-size:11px;
}

.review-box
{
	margin:10px 50px 10px 50px;
	background:#222;
	border:#990000 solid 2px;
	min-height:320px;
	max-height:320px;
	overflow:auto;
	text-align:left;
	padding:5px;
}

.rrow
{
	padding:3px;
}

.temp_div
{
	padding-left:5px;
	font-size:16px;
	font-weight:bold;
}

.panel
{
	margin:10px 50px 0px 50px;
}

.paneltxtbox
{
	font-size:16px;
	padding:3px;
	margin-bottom:3px;
	width:180px;
}