/*
    ==========================================================================
    Team Mixing Technologies - CSS Stylesheet
    ==========================================================================
*/

/*	HTML ELEMENTS */

		a {
		    font-family: Arial;
		    font-size: 12px;
		    font-weight: bold;
		    color: #22256B;
		    text-decoration: none;
		}
		
		body {
		    text-align: center;
		    background-image: url('/images/bkg.gif');
		    background-repeat: repeat;
		}
		
		body {
		    text-align: -moz-center;
		}
		
		div {
		    text-align: left;
		    font-family: Arial;
		    font-size: 12px;
		}
		
		form {
		    margin: 0px;
		}
		
		h1 {
		    margin: 10px 10px 10px 20px;
		    padding: 0px;
		    font-family: Arial;
		    font-size: 18px;
		    font-weight: bold;
		    color: #22256B;
		    text-align: left;
		}
		
		hr {
		    height:4px;
		    background-color:#dddddd;
		    color:#dddddd;
		    border: #dddddd;
		    margin: 0px 20px 0px 20px;
		}
		
        img {
            border: 0px;
        }
        
        input[type=button], input[type=reset], input[type=submit] {
            font-family: Arial;
            font-weight: bold;
            font-size: 12px;
            color: white;
            background-color: #272C7D;
            border: solid 1px #171C6D;
        }
        
        li {
            font-family: Arial;
            font-size: 12px;
            color: black;
            margin: 5px;
        }
        
        p {
            margin: 0px;
            font-family: Arial;
            font-size: 13px;
            color: Black;
            text-align: justify;
            line-height: 18px;
            padding-bottom: 17px;
        }
        
		strong {
		    color:#222222;
		}
		
        td {
            font-family: Arial;
            font-size: 12px;
        }
		
/*	PAGE LAYOUT */		

        #app_msg {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            padding: 5px;
            background-color: Orange;
            color: Black;
            font-family: Arial;
            font-size: 12px;
            font-weight: bold;
            text-align: center;
        }
        
        .form_success {
            background-color: green;
            font-size: 12px;
            color: white;
            font-weight: bold;
            text-align: center;
            width: 100%;
            margin-bottom: 10px;
            padding: 5px;
        }
        
        .form_error {
            background-color: red;
            font-size: 12px;
            color: white;
            font-weight: bold;
            text-align: center;
            width: 100%;
            margin-bottom: 10px;
            padding: 5px;
        }
        
        #page_header {
            margin: 0 auto;
            position: relative;
            margin-top: 15px;
            height: 125px;
            width: 1000px;
            background-image:url('/images/header.png');
            background-repeat:no-repeat;
        }
        
        #page_menu {
            margin: 0 auto;
            height: 21px;
            width: 1000px;
            background-color: #eeeeee;
            border-top: solid 1px #bbbbbb;
            border-bottom: solid 1px #bbbbbb;
        }
        
        #page_content {
            margin: 0 auto;
            width: 1000px;
            height: 1000px;
            border-left: solid 4px #FFAE00;
            border-right: solid 4px #FFAE00;
            background-color: #FFF200;
        }
        
        #content_left {
            width: 805px;
            background-color: #f0f0f0;
            vertical-align: top;
        }
        
        #content_right {
            width: 195px;
            background-image: url('/images/sidepanel_bkg.gif');
            background-repeat: repeat-x;
            vertical-align: top;
            text-align: center;
        }

        #page_footer {
		    margin: 0 auto;
		    height: 59px;
		    width: 1000px;
		    border-top: solid 5px #FFAE00;
		    background-image:url('/images/footer.png');
		    background-repeat:repeat-x;
		    vertical-align: middle;
		}
		
		#page_footer p {
		    float: left;
		    margin-left: 15px;
		    margin-top: 15px;
		    line-height: normal;
		    font-family: Arial;
		    font-size: 10px;
		    color: #333333;
		}
		
		#page_footer img {
		    float: right;
		    margin-right: 10px;
		    margin-top: 10px;
		}

/*	CONTENT LAYOUT */	

        .login {
            float: right;
            padding: 15px;
            text-align: right;
            vertical-align: middle;
        }
        
        .login label {
            font-family: Arial;
            font-weight: bold;
            font-size: 10px;
            color: #272C7D;
            margin-right: 5px;
        }
        
        .login input {
            font-family: Arial;
            font-weight: bold;
            font-size: 10px;
            color: #272C7D;
            margin-bottom: 5px;
        }
        
        .login input[type=submit] {
            font-family: Arial;
            font-weight: bold;
            font-size: 10px;
            color: white;
            background-color: #272C7D;
            border: solid 1px #171C6D;
        }
        
		.section {
		    margin: 20px;
		}
		
		.section_lcorner {
		    float: left;
		    height: 34px;
		    width: 11px;
		    background-image:url('/images/section_hdr_left.gif');
		    background-repeat: no-repeat;
		}
		
		.section_rcorner {
		    float: right;
		    height: 34px;
		    width: 11px;
		    background-image:url('/images/section_hdr_right.gif');
		    background-repeat: no-repeat;
		}
		
		.section_header {
		    height: 34px;
		    margin-left: 11px;
		    margin-right: 11px;
		    background-image:url('/images/section_hdr_bkg.gif');
		    background-repeat:repeat-x;
		}
		
		.section_header h2 {
		    padding: 10px;
		    font-family: Arial;
		    font-size: 14px;
		    font-weight: bold;
		    color: #22256B;
		}
		
		.section_body {
		    background-color: White;
		    border-left: solid 2px #dddddd;
		    border-right: solid 2px #dddddd;
		    padding-top: 10px;
		    padding-left: 18px;
		    padding-right: 18px;
		    font-family: Arial;
		    font-size: 12px;
		    color: black;
		    text-align: justify;
		    overflow: hidden;
		}
			
		.section_body img {
		    border: solid 8px #eeeeee;
		    margin-top: 3px;
		    margin-bottom: 10px;
		}
		
		.attachment {
		    vertical-align: middle;
		    text-align: left;
		    margin: 5px 0px 5px 0px;
		    padding: 5px;
		    width: 350px;
		    height: 20px;
		    background-color: #eeeeee;
		}
		
		.attachment img {
		    float: left;
		    border: 0px;
		}
		
		.attachment a {
            float: right;
            width: 325px;
            margin-top: 3px;
		}
		
		.section_footer {
		    height: 10px;
		    background-image:url('/images/section_ftr_bkg.gif');
		    background-repeat:repeat-x;
		    border-left: solid 2px #dddddd;
		    border-right: solid 2px #dddddd;
		    border-bottom: solid 2px #dddddd;
		}

        #ss_holder {
            position: relative;
            margin: 20px;
            width: 751px;
            height: 150px;
            background-color: #777777;
        }
        
        .ss_frame {
            position: absolute;
            top: 0px;
            left: 0px;
        }

		.button {
		    cursor:pointer;
		    cursor:hand;
		}

        .file_date {
            font-family: Arial;
            font-size: 10px;
            color: #22256B;
            text-align: right;
            padding-right: 10px;
        }
        
        .file_size {
            font-family: Arial;
            font-size: 10px;
            color: #22256B;
            text-align: right;
            padding-right: 10px;
        }