/*-----------------------------------------------------------------------------
version:	1.0
author:		John Anderson
email:		janderson@soaringpenguin.co.uk
website:	http://www.soaringpenguin.co.uk/
date:		2008 September 23
client:         North American Actors Association
URL:            www.naaa.org.uk
page:           site


Copyright 2008 Soaring Penguin Ltd. All Rights Reserved
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* hack for forcing scroll bars to stop page jog - 
http://www.splintered.co.uk/experiments/49/ */
html { margin-bottom: 1px; min-height: 100%; }

/* Remove padding and margin on selected elements*/
h1,h2,h3,h4,h5,h6,pre,body,p,div{margin: 0; padding: 0;}

/*debug border on all divs*/
div{
    border: 0px solid #ccc;
}

/* Class for clearing floats */
.clear {
    clear:both;
}

/* Remove border around linked images and fix Firefox odd spaces */
img {
    border: 0;
    vertical-align: bottom;
}
body {
    background: #e6eaf0 url(../img/bodybg2.jpg) repeat-x;
    font-family: Verdana;
    font-size: 14px;
    color: #001434;
}
.red {
    color: #ff0000;
}
.note {
    font-size: 12px;
    font-style: italic;
}
.error, .error p{
    color: #ff0000;
}
.message {
     color: #00aa00;
     font-weight: bold;
}

/* =Structural
-----------------------------------------------------------------------------*/
	#container {
            width: 985px;
            margin: 0 auto;
            position: relative;
        }
            #header {
                height: 255px;
                width: 985px;
                float: left;
            }
                #header #filternav {
                    height: 25px;
                    float: left;
                }
                #header #sectionnav {
                    clear: both;
                    float: left;
                    height: 210px;
                    width: 985px;
                }
                #header #alphanav {
                    clear: both;
                    float: left;
                    height: 20px;
                    width: 985px;
                }
            #navigation {
                width: 985px;
                height: 144px;
                background: url(../img/navbg.jpg) repeat-x;
                clear: both;
            }
            #content {
                width: 985px;
                height: 300px;
                margin-top: 32px;
                float: left;
                position: relative;
            }
                #current {
                    float: left;
                    width: 520px;
                }
                #past {
                    float: left;
                    width: 380px;
                    margin-left: 25px;
                }
	#cropcontainer {
	    width: 985px;
	    height: 700px;
	    background-color: #001434;
	    margin: 0 auto;
	    color: #e6eaf0;
	    padding: 10px;
	}
	    #crop_image {
		margin: 20px 200px 0 200px;
	    }

		


/* =Typography
-----------------------------------------------------------------------------*/
 #new_content p{
    margin-top: 10px;
 }



/* =Headings
-----------------------------------------------------------------------------*/
    #cropcontainer h2 {
	font-size: 16px;
	color: #e6eaf0;

    }



/* =Links
-----------------------------------------------------------------------------*/
    p.addagent {
 
        margin-top: 7px;
    }
        p.addagent a {
            color: #e6eaf0;
        }
    a#forgotten {
        color: #ff0000;
        text-decoration: none;
        clear: both;
    }
        a#forgotten:hover {
            text-decoration: underline;
        }




/* =Branding
-----------------------------------------------------------------------------*/




/* =Main Nav
-----------------------------------------------------------------------------*/
    ul#mainnav {
        float: right;
        clear: both;
        margin: 0;
        padding: 0;
        list-style: none;
        height: 50px;
        width: 675px;
    }
        ul#mainnav li {
            float: left;
            width: 135px;
            height: 50px;
        }
            ul#mainnav li a {
                width: 135px;
                color: #e6eaf0;
                background: url(../img/navbutton.jpg) top left;
                display: block;
                height: 43px;
                text-align: center;
                text-decoration: none;
                padding-top: 7px;
                font-size: 14px;
            }
                ul#mainnav li a:hover,
                ul#mainnav li a.active
                {
                    background-position: bottom left;
                    color: #e2001a; 
                }
	    ul#mainnav li.festival a {
		font-size: 12px;
	    }
		




/* =Sub Nav
-----------------------------------------------------------------------------*/
     ul#subnav {
        list-style: none;
        margin: 55px 0 0 0;
        padding: 0;
        float: right;
        height: 39px;
    }
        ul#subnav li {
            float: left;
            color: #e6eaf0;
        }
            ul#subnav li a{
                color: #e6eaf0;
                font-size: 12px;
            }
                ul#subnav li a:hover,
                ul#subnav li a.active
                {
                    color: #e2001a;
                }
    #filternav ul {
        float: left;
        list-style: none;
        margin: 5px 0 0px 0px;
        padding: 0;
    }
        #filternav ul li {
            float: left;
            color: #e6eaf0;
        }
            #filternav li a {
                   color: #e6eaf0;
                   font-size: 14px;
               }
                #filternav li a:hover,
                #filternav li a.active
                {
                    color: #e2001a;
                }
    #alphanav ul{
        float: left;
        list-style: none;
        margin:  0;
        padding: 0;
        clear: both;
    }
        #alphanav li {
            float: left;
            width: 25px;
            color: darkgrey;
        }
            #alphanav li.arrows {
                width: 75px;
            }
            #alphanav li.visa_note {
                width: 330px;
                font-weight: normal;
                color: white;
                float: right;
                text-align: right;
            }
            #alphanav li a {
                color: #e6eaf0;
                text-decoration: none;
                font-weight: bold;
            }
                #alphanav li a:hover {
                    color: #8094b4;
                }
                #alphanav li.active {
                    background-color: #ffff00;
                }
                #alphanav li.active a {
                    color: #e2001a;
                }

    ul#membernav {
        float: left;
        margin: 55px 0 0 0;
        padding: 0;
        list-style: none;
        display: inline;
    }
        ul#membernav li {
            float: left;
            color: #e6eaf0;
        }
            ul#membernav li a {
                color: #e6eaf0;
                font-size: 12px;
            }
        .membershow {
            width: 185px;
            height: 105px;
            float: left;
        }
            .membershow  p {
                text-align: center;
            }
                .membershow a {
                    text-decoration: none;
                    color: #e6eaf0;
                }
                    
                    .membershow a:hover {
                        color: #8094b4;
                    }
    ul#section_nav {
        list-style: none;
        float: left;
        margin: 20px 0 0 0;
    }
        ul#section_nav li {
            float: left;
        }
            
            ul#section_nav li a {
                text-decoration: none;
                color: #ffffff;
                padding: 3px 5px;
            }
                ul#section_nav li a:hover {
                    text-decoration:underline;
                }
    




/* =Main Content
-----------------------------------------------------------------------------*/
#agentlist {
    height: 200px;
    clear: both;
    margin-top: 10px;
    display: inline;
    float: left;
}
    #agentlist p {
        width: 270px;
        color: #e6eaf0;
    }
        #agentlist p.column1 {
            margin-left: 0px;
        }
        #agentlist p.column2 {
            margin-left: 270px;
        }
        #agentlist p.column3 {
            margin-left: 540px;
        }
        #agentlist p.reset {
            margin-top: -170px;
        }
            #agentlist p a {
                color: white;
                font-size: 14px;
                text-decoration: none;
            }
                #agentlist p a:hover {
                    color: #8094b4;
                }
    #agencydetails {
        margin-left: 310px;
        float: left;
        display: inline;
        width: 675px;
    }
        #agencydetails form {
            width: 600px;
        }
        #agencydetails p {
            line-height: 25px;
            width: 550px;
        }
        #agencydetails p.left {
            float: left;
        }
        #agencydetails label
        {
            float: left;
            width: 200px;
        }
        #agencydetails input
        {
            float: left;
            width: 300px;
        }
        #agencydetails textarea {
            width: 300px;
            height: 100px;
        }
        #agencydetails p.submit {
           margin: 15px 0 20px 0px;
           width: 300px;
           float: right;
        }
            #agencydetails p.submit input {
                width: 200px;
                float: right;
                margin-right: 95px;
                display: inline;
            }
	    #agencydetails input.radio {
		width: 50px;
		float: none;
		
	    }
    #memberdetails {
        float: left;
        display: inline;
        
    }
        #memberdetails #memberphoto {
            float: left;
            width: 310px;
        }
        #memberdetails #memberspecifics {
            float: left;
            width: 575px;
            
        }
            #memberspecifics p.agencytitle a {
                font-size: 14px;
                color: #001434;
                font-weight: bold;
            }
            #memberspecifics label {
                width: 150px;
                float: left;
            }
             #memberspecifics label.long {
                width: 250px;
             }
             #memberspecifics textarea {
                width: 400px;
                height: 100px;
             }
        #memberdetails h3 {
            margin: 7px 0 0 0;
        }
    #login label,
    #login input {
        width: 200px;
    }
    #login p.submit {
        float: left;
        
    }
    #members ul {
        margin: 0;
        padding: 0;
        list-style: none;
        float: left;
    }
        #members ul li {
            float: left;
            width: 130px;
            min-height: 120px;
            text-align: center;
        }
        
/* New member page */
    #newmemberbenefits {
        width: 300px;
        float: left;
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid #001434;
    }
    
/* Scoring page */
     form.score {
          width: 580px;
          border: 0px solid yellow;
          float: left;
     }
          form.score p {
               float: left;
          }
               form.score label {
                    float: left;
                    width: 300px;
               }
               form.score input {
                    float: left;
                    margin-left: 20px;
               }
                    form.score p.checkbox {
                         clear: both;
                    }
                    form.score p.checkbox input,
                    form.score label.checkbox
                    {
                         width: 50px;
                    }
                    form.score p.submit input
                    {
                        width: 120px;
                        margin-left: 14px;
                        font-size: 10px;
                        color: white;
                        border: 1px solid white;
                        background-color: #001434
                    }
               form.score textarea {
                    width: 520px;
                    height: 50px;
               }
                    p.submit>input
                    {
                        width: 120px;
                        margin-left: 14px;
                        font-size: 10px;
                        color: white;
                        border: 1px solid white;
                        background-color: #001434
                    }
    



/* =Secondary Content
-----------------------------------------------------------------------------*/
    #agent {
        float: left;
        width: 475px;
    }
    #voagent {
        float: left;
        width: 475px;
        display: inline;
        margin-left: 35px;
    }
    #agent h3,
    #voagent h3
    {
        font-size: 14px;
        color: white;
       margin-top: 10px;
    }
    #agent form,
    #voagent form
    {
        margin: 0;
        padding: 0;
    }
    #agent p,
    #voagent p
    {
        font-size: 12px;
        color: white;
    }
    #agent form label,
    #voagent form label
    {
        width: 25px;
        float: left;
    }
    #agent form textarea,
    #voagent form textarea
    {
        width: 290px;
        height: 50px;
        margin-left: 25px;
        font-size: 11px;
    }
    #agent form input,
    #voagent form input
    {
        width: 290px;
        font-size: 11px;
    }
    #agent form .submit,
    #voagent form .submit
    {
        width: 120px;
        margin-left: 14px;
        font-size: 10px;
        color: white;
        border: 1px solid white;
        background-color: #001434
    }
    #agent form select,
    #voagent form select
    {
        width: 250px;
        font-size: 11px;
        margin: 0;
        padding: 0;
    }
    
#upload_image_file {
    width: 985px;
/*    border: 1px solid black;*/
    float: left;
    height: 700px;
    background-color: #001434;
    margin: 0 130px;
    display: inline;
    z-index: 100;
    position: absolute;
    top: 10px;
    left: 0px;
   
}
    #upload_image_file .padding{
        margin: 50px 0 10px 30px;
    }
    #upload_image_file h2 {
        font-size: 16px;
        color: #e6eaf0;
    }
    #upload_image_file p{
        color: #e6eaf0;
    }
    a#close_button {
        float: right;
        color: #e6eaf0;
        margin: 10px 10px 0 0;
        display: inline;
    }
    #agentinstructions {
        position: absolute;
        float: left;
        top: 260px;
        left: 0;
    }
        #agentinstructions p strong {
            color: red;
        }


/* =Footer
-----------------------------------------------------------------------------*/



/* =Forms
-----------------------------------------------------------------------------*/
    
    #newagency {
        color: #e6eaf0;
    }
    #newagency form {
        width: 458px;
    }
    #newagency h3 {
        margin-left: 153px;
    }
    #newagency input {
        width: 300px;
    }
    #newagency label {
        float: left;
        width: 150px;
        text-align: right;
        margin-right: 3px;
        
    }
    #newagency textarea {
        width: 300px;
        height: 75px;
    }
    #newagency input.submit {
        float: right;
        width: 200px;
    }
    #photoupload {
        margin-top: 20px;
    }
    
    form#registration {
	   float: left;
	   margin-bottom: 20px;
    }
	   form#registration p {
		  float: left;
	   }
	   form#registration label {
		  float: left;
		  width: 150px;
	   }
	   form#registration input {
		  float: right;
		  width: 250px;
		  margin-right: 100px;
		  display: inline;
	   }
	   form#registration textarea {
		  float: right;
		  width: 250px;
		  margin-right: 100px;
		  display: inline;
		  height: 100px;
	   }
	   form#registration p.submit input {
		  color: white;
		  background-color: #001434;
		  border: 2px solid white;
	   }





/* =Tables
-----------------------------------------------------------------------------*/

table {
   border-spacing: 0;
    border-collapse: collapse;
}

td {
   text-align: left;
   font-weight: normal;
}
#messagestable {
    width: 900px;
    background-color: #cccccc;
    padding: 0 25px;
}
table#messages {
    background-color: #cccccc;
    width: 850px;
}
    table#messages a {
        text-decoration: none;
        color: #ffff00;
    }
        table#messages a:hover {
            text-decoration: underline;
            color: #666600;
        }



/* =Misc 1
-----------------------------------------------------------------------------*/
#crop div .form-centre { margin:0 0; padding:0;width:100%; }
#crop div .form-centre fieldset {display:block;float:right;margin:0px 10px 0 0;position:relative;top:-40px;right:155px;}
#crop>div .form-centre fieldset {display:block;float:right;margin:0px 10px 0 0;position:relative;width:100%}
#crop div .form-centre input {
	margin:10px 10px 20px 0;
	padding:0 0px;
	width:200px;
	float:right;
	background:transparent url(../images/crop_save_btn.gif) no-repeat; 
	border:0; 
	cursor:pointer;
	width:200px;
	position:relative;
	right:0px;
	top:-50px;
}

#crop > div .form-centre input {margin:10px 10px 0 0;padding:0 0px;width:200px;f;float:right;
background:transparent url(../images/crop_save_btn.gif) no-repeat scroll 0 0;border:0;cursor:pointer;
width:200px;
position:relative;
right:0px;top:0px;

}
#crop > div .form-centre { margin:0px 0; padding:0; clear:both;height:10px; }



/* =Misc 2
-----------------------------------------------------------------------------*/