/*========================================================================================================================
 * Description:         Form page template
 * Author:              Oli
 * Created:             26/10/09
 * Last Modified:       -
 *========================================================================================================================*/
@import url(/Css/Shared/Core/screen.css);

#main {
    min-height: 500px}
        
/*===============================================================================================
 * Intro panel
 *===============================================================================================*/                         
#intro {
    width: 390px;
    padding: 20px 200px 40px 37px;
    min-height: 40px;
    margin: -14px 0 0 -13px;
    background: #ebebeb url(images/introPanel.gif) no-repeat bottom right;
    clear: both}
    
#intro h1 {
    font-size: 1.8em;
    color: #2d2d2d;
    font-weight: bold;
    margin-bottom: 0.3em;
    letter-spacing: -2px}
    
#intro p {
    line-height: 1.4em}    

#intro ul {
    margin-top: 1em}
    
#intro li {
    background: url(images/redStar.gif) no-repeat 0 2px;
    padding-left: 18px;
    line-height: 1.3em;
    margin-bottom: 1em}
   
/*===============================================================================================
 * Article Page form layout (James Counter DR 612) Remove the left padding on the login form
 *===============================================================================================*/             
 #loginCompetition {
	width: 340px;
	clear: both;
	float: left;
	border-right: solid 1px #D5D5D5;
	margin-right: 15px;}
 
 #loginCompetition .twocol label {
    display: block;
    width: 70px;
    text-align: right;
    margin-right: 10px;
    float: left}    
   
 #loginCompetition .section p.onecol {
    margin-left: 80px}    
 
 #newUser {
	float: left;
	margin-bottom: 15px;}
 
 #newUser p {
	margin-top: 10px;}	
	
 #newUser h2 {
    font-size: 1.3em;
    font-weight: bold;
    margin-top: 6px;
    margin-bottom: 20px;
    color: #2D2D2D;
    margin-top: 90px;}
    
 .existingUsers h2 {
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 5px;
	color: #2D2D2D;
	margin-left: 30px}  
  
 #loginCompetitionLogin {
	width: 340px;
	overflow: hidden;
	
	float: left;
	border-right: solid 1px #D5D5D5;
	margin-right: 15px;}
 
 #loginCompetitionLogin .twocol label {
    display: block;
    width: 70px;
    text-align: right;
    margin-right: 10px;
    float: left}    
   
 #loginCompetitionLogin .section p.onecol {
    margin-left: 80px}    
 
 #newUserLogin {
	float: left;}
 
 #newUserLogin p {
	margin-top: 10px;}	

 #newUserLogin h2 {
    font-size: 1.3em;
    font-weight: bold;
    margin-top: 6px;
    margin-bottom: 20px;
    color: #2D2D2D;
    margin-top: 5px;}
    
/*===============================================================================================
 * Main form layout
 *===============================================================================================*/                             
.section {
    border-bottom: solid 5px #e5e5e5;
    margin: 0 0 0 27px;
    width: 800px;
    padding: 10px 0}



.section.last {
    border: none}

.section p {
    margin: 0.7em 0}

.section br {
    display: none}
            
.section h2 {
    margin: 0.2em 0 0.5em 155px}

.section h2 span {
    font-weight: normal;
    font-size: 0.8em}
        
.section p.onecol {
    margin-left: 155px}
    
.twocol label {
    display: block;
    width: 145px;
    text-align: right;
    margin-right: 10px;
    float: left}
    
.radiocol {
	padding-left: 93px;
	}
	
input[type=text],
input[type=password] {
    border: solid 1px #bbbbbb;
    padding: 2px;
    width: 200px}
    
    
.smallText {
	font-size: 0.7em}

.red {
	color: red;}

/*===============================================================================================
 * Fieldset / radio list
 *===============================================================================================*/                             
fieldset {
    border: none;
    margin: 0.4em 0 0 155px;
    padding-top: 0.3em}
    
.section fieldset p {
    width: 150px;
    height: 10px;
    float: left;
    margin-right: 20px}
    
/*===============================================================================================
 * Checkbox layout
 *===============================================================================================*/                                 
.onecol input[type=checkbox] {
    float: left;
    margin-top: 2px}
    
.onecol label {
    display: block;
    line-height: 1.4em;
    margin-left: 22px}

.section p.standout {
    margin-top: 1.5em;
    margin-bottom: 1.5em}
        
/*===============================================================================================
 * Action buttons
 *===============================================================================================*/                                     
#actions {
    padding: 10px 0 30px 180px} 
    
#actions input {
    margin-right: 15px}    
    
/*===============================================================================================
 * Additional form properties
 *===============================================================================================*/      
 
 .error {
	clear: both;
	color: Red;
	font-size: 0.9em;
	margin-bottom: 10px;}

.radiocolSubscribe {
	width: 805px;
	display: block;
}
	
.radiocolSubscribe label {
	margin: 0 10px 0 5px}
	
.radioLabel {
	width: 145px;
	float: left;
	text-align: right;
	margin-right: 15px;
	height: 80px}
	
.right {
	display: inline}
	
.dataTop {
	float: right;
	margin-right: 300px}
	
.publishInfo {
	margin-left: 175px;
	margin-right: 30px}