/*
CSS for iflexia.com
Author: Matt Doyle
Created: July 25, 2004
*/


/*
	Standard font family for site
*/

body, table, tr, td, a, p, h1, h2, h3, h4, h5 { font-family: arial, helvetica, verdana, sans-serif; }

/* Page body style */ 
body { margin: 0px; padding: 0px; font-size: 110%; background-color: #FFFFFF; background-image: url(/images/page_bg.gif); background-repeat: repeat-y; background-position: 50% 0; }
html, body { height: 100%; }
.clear {clear: both; position: relative; font-size: 1px; height: 0; line-height: 0 }


/* Standard paragraph style */ 
p, ul, ol
{ font-family: arial, helvetica, verdana, sans-serif; font-weight: normal; color: #333333; font-size: 0.7em; margin-top: 0px; margin-bottom: 18px; text-align: left; }

ul { line-height: 1.2em; margin-left: 19px; padding-left: 0; list-style-image: url("images/bullet.gif");  }
li { margin-top: 4px; vertical-align: top; }


/* Links */ 
a:link { color: #CC3300; font-size: 1.0em; } 
a:visited { color: #FF6633; font-size: 1.0em; } 
a:active, a:hover { color: #398613; font-size: 1.0em; } 
a.no-ul { text-decoration: none; } 

/* Headings */ 
h1 { font-weight: bold; font-size: 1.2em; margin-top: 40px; margin-bottom: 8px; }
h2 { font-weight: bold; font-size: 0.9em; margin-top: 20px; margin-bottom: 6px; color: #990099 }
h3 { font-weight: bold; font-size: 0.8em; margin-top: 10px; margin-bottom: 4px; }

/* Container for page */ 
#container { margin-left: auto; margin-right: auto; position: relative; width: 726px; margin-bottom: 0px; padding-bottom: 0px; }

/* Page content */
#page-content { padding: 28px; padding-top: 0px; width: 670px; }

/* Page header */ 
#page-header { background-color: #96C931; width: 726px; height: 91px; background-image: url(/images/page_header.gif); }
#header-logo { position: absolute; left: 0px; top: 0px; }
#header-tagline { position: absolute; left: 392px; top: 47px; width: 305px; height: 22px; color: #E1F1C1; text-align: right; font-size: 1.3em; }

/* Top menu */ 
#top-menu { color: #739B27; background-image: url(/images/menu/item_bg_off.gif); font-weight: normal; font-size: 0.7em; font-weight: bold; width: 714px; height: 21px; overflow: hidden; padding-left: 12px; }
#top-menu a { color: #FFFFFF; font-size: 1.0em; text-decoration: none; }
.menu-highlight { color: #FFCC66; margin-right: 6px; }
.menu-item { float: left; color: #FFFFFF; height: 18px; padding-left: 15px; padding-right: 15px; padding-top: 3px; padding-bottom: 0px; background-image: url(/images/menu/item_bg_off.gif); }
.menu-item-rollover { float: left; color: #FFFFFF; height: 18px; padding-left: 15px; padding-right: 15px; padding-top: 3px; padding-bottom: 0px; background-image: url(/images/menu/item_bg_on.gif); cursor: pointer; cursor: pointer; }
.menu-item-separator { float: left; height: 21px; }

/* Page footer */ 
#page-footer { padding: 28px; width: 670px; text-align: center; font-size: 0.6em; border-top: 1px #999999 solid; }

/* Homepage options */
#home-options { padding: 0; margin-top: 10px; width: 726px; }
.home-option { float: left; height: 97px; padding-left: 28px; padding-right: 28px; border-top: 1px #B3B3B3 solid; border-bottom: 1px #B3B3B3 solid; background-image: url(/images/home/option_bg.gif); }
.home-option p { font-size: 0.7em; margin-bottom: 0; padding-bottom: 0; }
.home-option h3 { padding-top: 5px; }
#client-login-username { border: 1px #B3B3B3 solid; width: 110px; }
#client-login-password { border: 1px #B3B3B3 solid; width: 59px; }
#client-login-submit { margin-left: 3px; width: 47px; }


/* Standard images */ 
img { border: none; }

/* Form styles */
form { margin: 0; padding: 0; }
.form-label { margin: 0px; padding: 0px; width: 250px; padding-right: 10px; color: #000000; font-size: 0.75em; }
.form-label-small { margin: 0px; padding: 0px; width: 250px; font-size: 0.6em; padding-right: 10px; margin-top: -8px; margin-bottom: 16px; color: #666666; }
.form-textfield { width: 258px; height: 16px; border: 1px #B3B3B3 solid; margin-top: 3px; padding: 2px; }
.form-button { background-color: #990099; color: #FFFFFF; border: 1px #B3B3B3 solid; margin: 0; }
.form-checkbox, .form-radio { margin-left: 0px; }
.form-textarea { width: 258px; height: 150px; border: 1px #B3B3B3 solid; margin-top: 3px; padding: 2px; }
.form-select { width: 262px; height: 21px; border: solid; border-color: #B9CFB4; border-width: 1px; margin-bottom: 8px; }