body, html { height: 100%; }


body {
	margin: 0; padding: 0;
	background: #fcfafd url(../img/bg_body.gif) repeat-x;
	font: 11px Tahoma, Verdana, Sans-Serif;
	color: #6b457c;
	cursor: default;
	}

/* global */
	.graphic {
		margin: 0; padding: 0;
		display: block;
		overflow: hidden;
		text-indent: -1000px;
		}
	
	a {	
		color: #f37066;
		}
	
	a:hover {
		color: #000;
		}
	
	/* clear fix */
		.clearfix:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
		}

		* html .clearfix { height: 1%; }
        .clearfix { zoom: 1; }
	/* // clear fix */
/* // global */

/* headings */
	h1 {
		width: 384px;
		height: 83px;
		background: url(../img/bg_h1.png);
		position: absolute;
		top: 15px;
		left: 0;
		cursor: pointer;
		}
	
	* html h1 {
		background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/bg_h1.png');
		}
	
	h2 {
		display: block;
		font: normal 16px Tahoma, Verdana, Sans-Serif;
		color: #f37066;
		margin: 0;
		padding: 0 0 10px 0;
		text-indent: 24px;
		background: url(../img/bg_h2.gif) no-repeat 0 3px;
		}
/* // headings */

/* main menu */
	ul#mainMenu {
		margin: 0; padding: 0;
		list-style: none;
		display: inline;
		position: absolute;
		top: 104px;
		right: 0;
		}
	
	ul#mainMenu li {
		display: inline;
		}
	
	ul#mainMenu li a {
		display: block;
		float: left;
		height: 24px;
		text-decoration: none;
		background: url(../img/bg_menuA.gif) no-repeat 0 100%;
		margin-right: 1px;
		}
	
	ul#mainMenu li a span {
		display: block;
		float: left;
		font: bold 13px/24px Tahoma, Verdana, Sans-Serif;
		text-transform: lowercase;
		height: 24px;
		color: #5f7e9e;
		background: url(../img/bg_menuSPAN.gif) no-repeat 100% 100%;
		padding: 0 20px;
		cursor: pointer;
		}
	
	ul#mainMenu li a:hover span {
		color: #49285c;
		}
	
	ul#mainMenu li a.current {
		background-position: 0 0;
		}
	
	ul#mainMenu li a.current span {
		background-position: 100% 0;
		color: #fff !important;
		}
/* // main menu */

/* page setup */
	#container {
		display: block;
		width: 770px;
		margin: 0 auto;
		position: relative;
		padding-top: 150px;
		padding-bottom: 15px;
		min-height: 60%;
		}
	
	* html #container {
		height: 60%; 
		}
/* // page setup */

/* content */
	#content {
		display: block;
		background: url(../img/bg_content.gif) repeat-y 165px 0;
		padding-bottom: 15px;
		}
	
	#content p {
		margin: 0;
		padding: 0 0 15px 0;
		line-height: 1.5em;
		}
	
	.orangeBox {
		display: block;
		padding: 10px;
		margin-top: 0;
		border-top: 1px solid #e7baa1;
		border-bottom: 1px solid #e7baa1;
		background-color: #f6d8ce;
		}
	
	.blueBox {
		display: block;
		padding: 10px;
		border-top: 1px solid #d1d8e9;
		border-bottom: 1px solid #d1d8e9;
		background-color: #d2e9f2;
		}
		
	ul.orangeBox {
		margin: 10px 0 30px 0;
		padding: 15px 0 15px 50px;
		color: #734d84;
		font-size: 14px;
		}
	
	ul.orangeBox li {
		display: block;
		float: left;
		padding-left: 16px;
		width: 240px;
		background: url(../img/bg_bullet.gif) no-repeat 0 6px;
		}

	ul.clearfix {
		padding-bottom: -40% !important;
		overflow: hidden;
		}


	ol.tips {
		margin: 0 0 0 20px;
		padding: 0;
		}
	
	ol.tips li {
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #D0D0DF;
		}

	/* left col */
		#leftCol {
			display: block;
			float: left;
			width: 165px;
			}
	/* // left col */

	/* right col */
		#rightCol {
			display: block;
			margin-left: 195px;
			}
		
		* html #rightCol {
			float: left;
			margin-left: 30px;
			}
	/* // right col */

	/* form styles */
		form input {
			margin-bottom: 5px;
			padding: 2px;
			}

		form input, form button {
			margin-top: 2px;
			font: 12px Tahoma;
			color: #555;
			}
		
		form label {
			font-size: 12px;
			}
		
		form button {
			cursor: pointer;
			}

        form#cForm {
            background-color: #F4FAFE;
            border: 1px solid #E0F0FB;
            padding: 1em;
            }
           
        form#cForm fieldset {
            border: none;
            padding: 0;
            margin: 0;
            }
           
        form#cForm legend {
            display: none;
            }

		 label {
			display: block;
			padding-bottom: .5em;
			padding-top: .5em;
			}

		 input[type=file] {
			font-size: 1.1em;
			}

		 input,  textarea {
			border: 1px inset #cbdbe6;
			background: #fff;
			padding: .2em;
			}
		
		 textarea {
			width: 95%;
			overflow: auto;
			}
		
		 form strong {
			color: #5c9eb9;
			font-weight: normal;
			font-style: italic;
			}

		 .plain {
			margin: .7em .3em 0 0;
			background: none;
			padding: 0;
			border: 0;
			float: left;
			}

         .fluid {
            padding-top: .5em;
            }

		* html  .plain {
			margin: 0 .3em 0 0;
			}

         form ol {
            list-style: none;
            margin: 0; padding: 0;
            }
           
         form ol li {
            padding: 0 .5em .7em .5em;
            border-bottom: 1px solid #E0F0FB;
            }
           
         form ol li.over {
            background-color: #fff;
            }
           
         form ol li.validation input {
            border: 1px solid #c00;
            }
	/* // form styles */

	/* client login form */
		#clientLogin {
			padding: 10px;
			margin: 0;
			background-image: url(../img/bg_clientLogin.gif);
			background-repeat: no-repeat;
			background-position: bottom right;
			}

		#clientLogin fieldset {
			border: none;
			display: block;
			float: left;
			width: 210px;
			border-right: 1px solid #c7d8e0;
			padding: 10px;
			}
		
		#clientLogin fieldset legend {
			display: none;
			}

		* html #clientLogin fieldset legend {
			display: block;
			height: 0;
			overflow: hidden;
			visibility: none;
			}
		
		#clientLogin div {
			display: block;
			float: left;
			width: 290px;
			padding: 0 10px 0 20px;
			}
		
		#clientLogin p {
			padding: 5px 0;
			font-size: 11px;
			line-height: 1.4em;
			}

		#clientLogin p.first {
			background: url(../img/bg_clientLoginSep.gif) no-repeat 50% 100%;
			padding-bottom: 15px;
			}
	/* // client login form */
/* // content */

/* footer */
	#footer {
		display: block;
		height: 75px;
		background: url(../img/bg_footer.gif) repeat-x;
		}
	
	#footer div {
		display: block;
		width: 770px;
		margin: 0 auto;
		color: #624472;
		position: relative;
		}
	
	#footer p {
		padding: 10px 0;
		}

	#footer p a.graphic {
		width: 71px;
		height: 13px;
		float: right;
		background: url(../img/bg_totomedia.gif);
		border: 1px solid #ccc;
		}
	
	#footer p a.graphic:hover {
		border: 1px solid #aaa;
		}
	
	#footer address {
		position: absolute;
		top: -120px;
		width: 160px;
		color: #f37066;
		font-style: normal;
		font-size: 12px;
		}
	
	#footer address span {
		display: block;
		margin-top: 5px;
		border-top: 1px solid #ccc;
		padding-top: 5px;
		}

	#footer address strong {
		color: #805891;
		font-weight: normal;
		}
/* // footer */

/* 
	CFTA 2.0 SPECIFIC STYLE SHEET v0.1 ---------------------- 
	Please use responsibly 
*/



/* global */
	#cfta * {	/* Remove any default styles in the event same IDs / classnames are used */
		margin: 0; 
		padding: 0; 
		border: none; 
		background: none;
		font-style: normal;
		font-size: 1em;
		}

	#cfta {
		color: #677d58;
		}
	
	#cfta h5 {
		font-size: 1.2em;
		font-weight: bold;
		margin-top: 1.2em;
		color: #A981BA;
		border-bottom: 1px solid #C2A6CE;
		}
	
	#cfta div h5 {
		margin-top: 0;
		}
	
	#cfta em {
		font-style: italic;
		}
	
	/* clear fix */
		#cfta:after, #cfta #display div:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
		}

		* html #cfta, * html #cfta #display div { height: 1%; zoom: 1;}
        #cfta, #cfta #display div { zoom: 1;}
	/* // clear fix */

	/* icon set */
		#cfta .back { background-image: url(../img/cfta2/ico_back.gif); }
		#cfta .settings { background-image: url(../img/cfta2/ico_settings.gif); }
		#cfta .logout { background-image: url(../img/cfta2/ico_logout.gif); }
		#cfta .upload { background-image: url(../img/cfta2/ico_upload.gif); }
		#cfta .addClient { background-image: url(../img/cfta2/ico_addClient.gif); }
		#cfta .editClient { background-image: url(../img/cfta2/ico_editClient.gif); }
		#cfta .delClient { background-image: url(../img/cfta2/ico_delClient.gif); }
		#cfta .client { background-image: url(../img/cfta2/ico_client.gif); }
		#cfta .email { background-image: url(../img/cfta2/ico_email.gif); }
		#cfta .cancel { background-image: url(../img/cfta2/ico_cancel.gif); }
		#cfta .save { background-image: url(../img/cfta2/ico_save.gif); }
		#cfta .delete { background-image: url(../img/cfta2/ico_delete.gif); }
	/* // icon set */

	/* buttons */
		#cfta .button {
			display: block;
			float: left;
			margin: 1em 1em 0 0;
			background: #ccdce7 url(../img/cfta2/btn_blue.gif) repeat-x;
			border: 1px solid #ccdce7;
			text-decoration: none;
			font-size: .9em;
			}
		
		#cfta .button span {
			padding: .5em .8em .5em 0;
			display: block;
			background-repeat: no-repeat;
			background-position: 6px 50%;
			text-indent: 25px;
			color: #677d58;
			font-weight: normal;
			}

		#cfta .button:hover span {
			color: #000;
			text-decoration: underline;
			}
	/* // buttons */

	/* form elements */
		#cfta label {
			display: block;
			padding-bottom: .5em;
			padding-top: .5em;
			}

		#cfta input[type=file] {
			font-size: 1.1em;
			}

		#cfta input, #cfta textarea {
			border: 1px inset #cbdbe6;
			background: #fff;
			padding: .2em;
			}
		
		#cfta textarea {
			width: 95%;
			overflow: auto;
			}
		
		#cfta form strong {
			color: #5c9eb9;
			font-weight: normal;
			font-style: italic;
			}

		#cfta .plain {
			margin: .7em .3em 0 0;
			background: none;
			padding: 0;
			border: 0;
			float: left;
			}

        #cfta .fluid {
            padding-top: .5em;
            }

		* html #cfta .plain {
			margin: 0 .3em 0 0;
			}

        #cfta form ol {
            list-style: none;
            }
           
        #cfta form ol li {
            padding: 0 .5em .7em .5em;
            border-bottom: 1px solid #E0F0FB;
            }
           
        #cfta form ol li.over {
            background-color: #fff;
            }
           
        #cfta form ol li.validation input {
            border: 1px solid #c00;
            }
           
        #cfta #warning, p.error, p.success  {
            margin: 1em .5em !important;
            color: #fff;
            padding: .5em .5em .5em 1.7em !important;
            background: #c00 url(../img/ico_alert.gif) no-repeat .5em .75em !important;
            }
		
		p.success {
            background: #84ce1d url(../img/ico_success.gif) no-repeat .5em .75em !important;
            }
           
        #cfta #warning strong {
            display: none;
            }
	/* // form elements */
/* // global */

/* navigation pane */
	#cfta #nav {
		float: left;
		width: 20%;
		margin-right: 1.25%;
		}

	#cfta #nav ul {
		list-style: none;
		}

	#cfta #nav ul li {
		margin-bottom: 3px;
		background: #ccdce7 url(../img/cfta2/btn_blue.gif) repeat-x;
		border: 1px solid #ccdce7;
		}

	#cfta #nav ul li:hover {
		}

	#cfta #nav ul li a {
		display: block;
		width: 100%;
		padding: .6em 0;
		font: 1em Tahoma, Sans-Serif;
		color: #5f7e9e;
		background-repeat: no-repeat;
		background-position: 7px 52%;
		text-decoration: none;
		text-indent: 24px;
		}

	#cfta #nav ul li a:hover {
		color: #000;
		text-decoration: underline;
		}
/* // navigation pane */

/* display area */
	#cfta #display {
		float: left;
		width: 77%;
		font-size: 1.1em;
		border-left: 1px solid #e0f0fb;
		padding-left: 1.25%;
		}
	
	#cfta #display div {
		background-color: #f4fafe;
		padding: 1em;
		border: 1px solid #e0f0fb;
		position: relative;
		margin-bottom: 1em;
		}
	
	/* quick info box */
		#cfta #display .contact {
			float: left;
			width: 40%;
			border-right: 1px solid #cbdbe6;
			}
		
		#cfta #display .contact strong {
			display: block;
			font-size: 1.2em;
			}
		
		#cfta #display .contact em {
			float: left;
			width: 30%;
			clear: left;
			font-style: italic;
			}
		
		#cfta #display .notice {
			float: left;
			width: 52%;
			padding-left: 6%;
			background: url(../img/cfta2/bg_notice.gif) no-repeat 4% 10%;
			}
		
		#cfta #display .noFiles {
			paddin-left: 0;
			background: none;
			}
		
		#cfta #display .notice strong {
			font-size: 1.1em;
			font-weight: normal;
			}
		
		#cfta #display .notice strong em {
			font-weight: bold;
			font-size: 1.1em;
			color: #498cb2;
			}
		
		#cfta #display .notice b {
			position: absolute;
			bottom: 1em;
			right: 0;
			}
	/* // quick info box */
/* // display area */

/* file list */
	#cfta .files {
		list-style: none;
		display: block;
		padding-top: 1em;
		margin-bottom: 1em;
		}
	
	#cfta .files li {
		padding: .6em 0 .8em 0;
		background-color: #f8f7ea;
		font-size: .95em;
		border-bottom: 1px solid #e0f0fb;
		margin-bottom: 2px;
		text-indent: 25px;
		background-repeat: no-repeat;
		background-position: 8px 45%;
		background-image: url(../img/cfta2/ico_file.gif);
		padding-right: 1em;
		line-height: 1em;
		}
	
	#cfta .files li:hover,
	#cfta .files li.over {
		background-color: #e7f8c5;
		}

	#cfta .files li span {
		float: right;
		margin-top: -.9em;
		}
	
	* html #cfta .files li span {
		margin-top: 1px;
		}
	
	#cfta .files li span a {
		color: #677d58;
		text-decoration: none;
		background-repeat: no-repeat;
		padding-left: 17px;
		font-size: .83em;
		text-transform: uppercase;
		padding-top: 2px;
		}

	#cfta .files li span a:hover {
		text-decoration: underline;
		color: #000;
		}
	
	#cfta .files li.viewed {
		background-image: url(../img/cfta2/ico_fileViewed.gif);
		}
	
	#cfta .files li.new a.file {
		padding-right: 25px;
		background: url(../img/cfta2/ico_new.gif) no-repeat 100% 50%;
		}
	
	#cfta p.nofiles {
		padding: 10px 0 10px 0;
		}

/* // file list */

/* misc */
	#cfta #display form a.button span {
		color: #d97009;
		}
       
    #cfta .hidden {
        }
       
    #status {
        padding-bottom: 70px;
        padding-top: 1em;
        text-align: center;
        background: url(../img/cfta2/indicator_medium.gif) no-repeat 50% 2.5em;
        }
/* // misc */