/** G-MOD STYLES **/
/** THESE ARE COMMON TO ALL GMOD SITES **/

@import url("EDITOR_FRONT.css");

 body{
  margin:0;
  padding:0 0 <length> 0;
 }
 div#gModFooter{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:<length>;
 }
 @media screen{
  body>div#gModFooter{
   position: fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
 }
.formDenote{
	color:red;
}
#gModBug {float:right; }

table.P0 td { padding:0px; border-collapse; border-spacing:0px; }
table.P1 td { padding:1px; }
table.P2 td { padding:2px; }
table.P4 td { padding:4px; }
table.P6 td { padding:6px; }
table.P8 td { padding:8px; }
table.P10 td { padding:10px; }

/** STYLES CAN BE OVERWRITTEN USING THE LOCAL /SITE.CSS  **/

/*STANDARD FORM - GENERAL FRONT END FORMS */
.formTextBox {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: normal;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
	padding-top: 3px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 2px;
	height: 20px;
	width: 150px;
	}
.formUrlBox {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
	padding-top: 3px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 2px;
	height: 20px;
	width: 300px;
	}
.formTextAreaLarge {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
	padding-top: 3px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 2px;
	height: 200px;
	width: 300px;
	}
	
.formTextArea {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
	padding-top: 3px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 2px;
	height: 50px;
	width: 200px;
	}
	
.formCapcha {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: normal;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
	padding-top: 3px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 2px;
	height: 20px;
	width: 50px;
	}
	
.formLabel		{padding-top: 5px; padding-bottom:5px; padding-right:5px; font-family:Helvetica,Verdana,Arial,sans-serif;font-size:10px;line-height:14px;color:#000000;}
.formRequired 	{padding-top: 5px; padding-bottom:5px; padding-right:5px; font-family:Helvetica,Verdana,Arial,sans-serif;font-size:10px;line-height:14px;color:#FF0000;}

.formButton {
background: #EEE;
font-family:Helvetica,Verdana,Arial,sans-serif;font-size:10px;line-height:14px;color:#000000;font-weight:bold;
border: 1px solid #900;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;}

.formButton:hover {
color: #FFF;
background: #666;
}

/* PROFILE */

.profilePreviewLabel	{padding-top: 5px; padding-bottom:5px; padding-right:5px; font-family:Helvetica,Verdana,Arial,sans-serif;font-size:12px;line-height:20px;color:#000000;font-weight:bold;}
.profilePreviewValue 	{padding-top: 5px; padding-bottom:5px; padding-right:5px; font-family:Helvetica,Verdana,Arial,sans-serif;font-size:12px;line-height:20px;color:#000000;}



.itemForm {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
	padding-top: 	4px;
	padding-right: 	4px;
	padding-bottom: 4px;
	padding-left: 	4px;
	height: 		20px;
	width: 			250px;
	}
	
.blogCommentInput {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
	padding-top: 	4px;
	padding-right: 	4px;
	padding-bottom: 4px;
	padding-left: 	4px;
	height: 		150px;
	width: 			400px;
	}

.itemSelectBox {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
	padding-top: 	4px;
	padding-right: 	4px;
	padding-bottom: 4px;
	padding-left: 	4px;
	height: 		30px;
	width: 			250px;
	}
	
.itemDateBox {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
	padding-top: 	4px;
	padding-right: 	4px;
	padding-bottom: 4px;
	padding-left: 	4px;
	height: 		30px;
	width: 			100px;
	}
	
.editLabel{

    padding-left:               5px;
    padding-right:              5px;
	padding-top:             	5px;
	padding-bottom:             5px;
	font-weight: bold;}
	
/*SUBSCRIBE FORM */
.subscribeText {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: normal;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
	padding-top: 3px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 2px;
	height: 20px;
	width: 150px;
	}
.subscribeCapcha {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: normal;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
	padding-top: 3px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 2px;
	height: 20px;
	width: 50px;
	}
	
.subscribeLabel		{padding-top: 5px; padding-bottom:5px; padding-right:5px; font-family:Helvetica,Verdana,Arial,sans-serif;font-size:10px;line-height:14px;color:#000000;}
.subscribeRequired 	{padding-top: 5px; padding-bottom:5px; padding-right:5px; font-family:Helvetica,Verdana,Arial,sans-serif;font-size:10px;line-height:14px;color:#FF0000;}

.subscribeButton {
background: #EEE;
font-family:Helvetica,Verdana,Arial,sans-serif;font-size:10px;line-height:14px;color:#000000;font-weight:bold;
border: 1px solid #900;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;}
.subscribeButton:hover {
color: #FFF;
background: #666;
}
.formSubmit {
background: #EEE;
font-family:Helvetica,Verdana,Arial,sans-serif;font-size:10px;line-height:14px;color:#000000;font-weight:bold;
border: 1px solid #900;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
float:right;}
.formSubmit:hover {
color: #FFF;
background: #666;
}
.sendItem {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: normal;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
	padding-top: 3px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 2px;
	height: 20px;
	width: 140px;
	}


.searchMode {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: normal;
	background-color: #FFFFFF;
	border: solid 1px #999999 ;
	padding-top: 3px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 2px;
	height: 60px;
	width: 100px;
	}
.searchWildcard {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: normal;
	background-color: #FFFFFF;
	border: solid 1px #999999 ;
	padding-top: 3px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 2px;
	height: 20px;
	width: 100px;
	}
	
.searchSelector {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: normal;
	background-color: #FFFFFF;
	border: solid 1px #999999 ;
	padding-top: 3px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 2px;
	height: 20px;
	width: 100px;
	}

/* G-MOD POP UP FOOTER */
* { margin: 0; padding: 0; border: 0; }

.gmod-popup {
    margin: 100px auto;
    padding: 0;
    width: 100px;
    position: relative;
}
 
div.gmod-popup em {
    background: url(http://www.g-mod.com/common/gmod/bubble.png) no-repeat;
    width: 100px;
    height: 49px;
    position: absolute;
    top: -70px;
    left: -0px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}
 
#gmod-icon {
    width: 19px;
    height: 19px;
    background: url(http://www.g-mod.com/common/gmod/pinkDot.gif) no-repeat 0 0;
    text-indent: -9999px;
    margin: 0 auto;
    display: block;
}




/* Profile Edit Form */
#profileEditForm{
	width:100%;
	display:inline-table;
}
.profileEditRow{
	width:100%;
	margin:5px 0;
	display:inline-table;
}
.profileEditRow .profileEditMessage{
	width:406px;
	margin:2px 0;
	display:inline-table;
	float:right;
	color:#b3b3b3;
}
#profileEditForm div.profileEditRow label{
	width:130px;
	float:left;
	font-weight:bold;
}
#profileEditForm span.required{
	float:right;
	color:red;
}
#profileEditForm div.profileEditRow input{
	width:400px;
	float:right;
	border:1px solid grey;
	padding:2px;
}
#profileEditForm input.editSubmit{
	min-width:100px;
	float:right;
	border:1px solid grey;
	padding:2px;
}
#profileEditForm div.profileEditRow input.checkBox{
	float:left;
	width:25px;
	margin-top:8px;
}
#profileEditForm div.profileEditRow select{
	width:406px;
	float:right;
	border:1px solid grey;
	padding:2px;
}
#profileEditForm div.profileEditRow textarea{
	width:400px;
	height:100px;
	float:right;
	border:1px solid grey;
	padding:2px;
}
#profileEditForm .profileEditTextbox,
#profileEditForm .formTextBox{
	margin:0 0 3px 0;
}

/* EDITOR STYLES */
.editLabel
{ 
font-family:Verdana,Arial,Helvetica,sans-serif; 
font-size:10px; 
line-height:12px;
font-weight:bold;
color:#000000;
}

.editLabelRequired 
{ 
font-family:Verdana,Arial,Helvetica,sans-serif; 
font-size:10px; 
line-height:12px;
font-weight:bold;
color:#CC0000;
}

.editMessage
{ 
font-family:Verdana,Arial,Helvetica,sans-serif; 
font-size:10px; 
line-height:12px;
font-weight:normal;
color:#000000;
}

.editUnits
{ 
font-family:Verdana,Arial,Helvetica,sans-serif; 
font-size:10px; 
line-height:12px;
font-weight:normal;
color:#000000;
}

.editValue
{ 
font-family:Verdana,Arial,Helvetica,sans-serif; 
font-size:10px; 
line-height:12px;
font-weight:bold;
color:#000000;
}


.joinFormInput
{ 
font-family: 	Georgia,Times,serif; 
font-size: 		16px; 
color: 			#666; 
border: 		1px #CCC solid;
padding-top: 	3px;
padding-left: 	3px;
padding-bottom: 	3px;

background-color:#FFFFFF; 
width: 			200; 
clip:  			rect(   );
}


.textInput
{ 
font-family: 	Verdana,Arial,Helvetica,sans-serif; 
font-size: 		10px; 
color: 			#333333; 
border: 		1px #000000 solid;
padding-top: 	3px;
background-color:#FFFFFF; 
width: 			200; 
clip:  			rect(   );
}

.textInputUnits
{ 
font-family: 	Verdana,Arial,Helvetica,sans-serif; 
font-size: 		10px; 
color:			#333333; 
border: 		1px #000000 solid; 
background-color:#FFFFFF; 
width: 			100; 
clip:  			rect(   )
}
/*END EDITOR STYLES*/