/*
Theme Name: Flow Communications
Description:
Version: 1.0
Author:  (www.flowsa.com)
Date: Jan 2009
*/

@font-face {
	font-family: 'FuturaMdBTMedium';
	src: url('/theme/font/futura-webfont.eot');
	src: local('Futura'), url('/theme/font/futura-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


/*RESET AND CLEARFIX
----------------------------*/
:link,:visited {outline:none;text-decoration:none;}
ul,ol {list-style:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0 }
a img,:link img,:visited img {border:none; text-decoration:none; }
address {font-style:normal}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}  
.clearfix {display:inline-block;}
.clearfix {display:block;}
td,th{border:1px; }
hr {color:#000;}

blockquote, q {	quotes: "" "";}

/* BODY
-----------------------------------*/
html, body {height:100%;}

/* BASE TYPOGRAPHY
-----------------------------------*/ 
body {font: 13px Helvetica, Arial, "Free Sans", sans-serif; line-height: 18px; color:#7D7D7D; }



body#home {background-image: none;}

p, ul, ol {font-size:13px; line-height:18px; margin-bottom: 12px;}

.portfolio p {color:#000; width:700px;}
a:link {outline:none; color:#E90188;}   
a:visited {color:#E90188;}
a:hover {color:#000;}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a {font-family: 'FuturaMdBTMedium', 'Century Gothic', sans-serif; color: #EC008C;}


h1, h1 a {font-size:26px;}
h2, h2 a {font-size:22px;}
h3, h3 a {font-size:16px;}
h4, h4 a {font-size:14px;}  
h5, h5 a {font-size:13px;}

h1, h2, h3, h4, h5, h6 {font-weight:normal; margin-bottom:0.3em; line-height:1.2em; text-transform:uppercase;}

blockquote {border-left: 4px solid #E90188; padding-left:10px; }
blockquote p {font: 13px "Trebuchet MS", Trebuchet, sans-serif; font-style:italic;}

#blockquote {margin:10px; border:4px solid #FFBFE6; padding:5px; background-color:#FFEFF9;}

#home #main {padding: 0 10px;}

/*#main ul {padding-left:10px;}
#main li {list-style: none; }
#main li:before{ content:"\00BB \0020"; color: #FFBFE6; font-family: "Trebuchet MS", Trebuchet, Verdana, Sans-serif; font-size:20px; line-height: 12px; height: 18px; width:16px; display: block; float: left;}
*/

/*BASE
----------------------------------*/

#header {width:100%;height:140px;margin-top:20px;margin:0 auto;background: url('/theme/images/header-1.jpg') no-repeat top;}
#who-we-are #header {background: url('/theme/images/header-2.jpg') no-repeat top;}
#what-we-do #header {background: url('/theme/images/header3.jpg') no-repeat top;}
#blog #header {background: url('/theme/images/header3.jpg') no-repeat top;}

#blog #main {overflow: hidden;}

#footer {height: 200px;}

#container {width:960px;margin:0 auto;}
#flowlogo-wrap {width:100%; position:relative;}
#flowlogo {background: url('/theme/images/bg-flow.jpg') no-repeat;width:378px;height:513px;z-index:-99;position:absolute;right:0px;bottom:0px;}
#container > h1 {padding:0 10px;}

#utilities {height:30px;}

#twocol {float:left;margin-right:20px;}
#twocol.thin {width:560px;}
#twocol.thick {width:780px;}

#onecol {float:left;}
#onecol.thin {width:160px;}
#onecol.thick {width:380px;}

.col10	{width:780px; padding: 0 10px; float:left;}
.col9	{width:700px; padding: 0 10px; float:left;}
.col8	{width:620px; padding: 0 10px; float:left;}
.col7	{width:540px; padding: 0 10px; float:left;}
.col5	{width:380px; padding: 0 10px; float:left;}
.col4	{width:300px; padding: 0 10px; float:left;}
.col3	{width:220px; padding: 0 10px; float:left;}
.col2	{width:140px; padding: 0 10px; float:left;}

.last	{}

.inner {padding:0px;}

ul {padding-left:25px;}
ul li {list-style-type:disc;}
ol {list-style-type: decimal; padding-left:25px;}

/*NAVIGATION
----------------------------------*/
#primary-nav {background-color:#f2f2f2; padding: 0px 0px;text-transform:uppercase;width:100%;font-family:"Trebuchet MS"; height: 26px;}

#nav {width:940px; margin:0 auto; padding: 0px 0px; padding-left:0px;}
#nav ul {padding:0;}

#nav li a {color:#969595;font-size:14px;padding:3px 20px; background: url(/theme/images/nav-li-bg.gif) no-repeat right;}
#nav li li a {background: none;}
#nav a {display:block;}
#nav li {float:left; list-style:none;}
#nav li ul {position:absolute; left:-999em;width: 9em; z-index: 99; background:white; padding: 5px 20px 10px 0;}
#nav li ul li {border-right:0px; padding-bottom: 0px;}
#nav li ul li a {font-size: 12px; width: 200px;}
#nav li:hover ul {left: auto;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}

#nav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

#nav li.first a {padding-left: 0px;}
#primary-nav ul li.last a {background: none;}

#nav a:hover {color:#E90188;}
#nav a.current {color:#E90188;}

#nav li li {/*background:white;*/}

#nav li#search-nav {float: right; padding-top: 3px;}

#nav li#contact-nav a {padding-right:0px;}

.breadcrumb {text-align:right;font-size:11px;padding-top:10px;text-transform:lowercase; width:940px; margin: 0 auto;}
.breadcrumb a:hover  {text-decoration:underline;}

/*CATNAV
-----------------------------------*/
 ul.catnav {padding-left:0px;}
.catnav li {list-style:none; font-size:12px;/*padding-top:10px;*/}
.catnav li a {height:26px; padding-left:30px; display:block;}

/*.catnav li a.design {background: url('../images/icon-design.jpg') no-repeat;background-position:0 0;}
.catnav li a.journalism {background: url('../images/icon-journalism.jpg') no-repeat;background-position:0 0;}
.catnav li a.web_development {background: url('../images/icon-web.jpg') no-repeat;background-position:0 0;}
.catnav li a.flow_news {background: url('../images/icon-news.jpg') no-repeat;background-position:0 0;}*/
/*.catnav li a:hover {background-position:0 -30px;}
*/

.catnav li {background: url('../images/arrows.jpg') no-repeat;background-position:0 4px;}

/*.catnav li a:before{ content:"\00BB \0020" }
*/
/*FRONT PAGE
-----------------------------------*/

.fp-item {width:240px; float:left; margin-right:110px;}
.last {margin-right: 0px;}

#home #utilities {height:35px;}
#home h3 {font-size:13px;}

.fp-gallery {margin-bottom:30px; height: 412px; position: relative;}
.slideshow {height: 350px; overflow: hidden;}
.logo-overlay {position: absolute; bottom: 62px; right: 0px; z-index: 99; background: url('/theme/images/logo-slide.png') no-repeat top right; width: 414px; height: 70px;}
#home .inner {padding:5px;}

#fp-blog {background: url('../images/blog.jpg') no-repeat top right;}
#fp-blog ul {margin-bottom:20px; padding-left:0px;}
#fp-blog ul.fp-bloglist li {padding:5px 0px; border-bottom:1px dashed; font-size:12px; list-style:none;}
#fp-blog ul.fp-bloglist span {float: left; line-height:18px;}
#fp-blog ul.fp-bloglist li > a {display:block; margin-left: 50px;}
#fp-blog ul.fp-bloglist p {font-size: 12px; padding-left: 0px;}
.rss {background: url('../images/rssfeed.jpg') no-repeat  top right; padding-right:30px; text-decoration:underline;}

#fp-twitter {background: url('../images/twit.jpg') no-repeat  top right;}
.tweets {border-top:1px dashed; padding:5px 0 10px 0px ; font-size:12px;}
.tweets:first-child {border-top: none;}

.tweets span {float:right; margin-top:15px; font-size:11px; font-style:italic;}

.flickr-feed {background: url('../images/flick.jpg')no-repeat top right;}
.flickr-feed ul {padding-left:0px;}
.flickr-feed ul li {float:left;padding:3px;list-style:none;}

.fp-newsletters ul {list-style: none; padding: 0; margin: 0;}
.fp-newsletters li {padding:5px 0px; border-top:1px dashed; font-size:12px; list-style:none;}
.fp-newsletters li:first-child {border-top: none;}

/*IMAGES
-----------------------------------*/
img.border5 {border: solid 5px #f2f2f2;}

/*LISTS
-----------------------------------*/
.arrows li {background: url('/theme/images/arrows.jpg') no-repeat left;padding-left:30px;list-style:none;}

/*BLOG
-----------------------------------*/
.commentbox {padding:10px 5px;}
.commentbox.alt {background-color:#F5F5F5;}
.comment-count {font-size:30px;float:left;color:#E90188;padding:10px;}
.blog-listings {padding:10px 0px 20px 0px;border-bottom:1px dashed;}
.readmore {}
.blog-date {padding-bottom:10px;}

.blog-listing-image {float:left; margin:3px 10px 10px 0px;}

.blog-featured-image {float:right; padding-left:10px;}

.comment-count-listing {background: url('../images/blog.jpg') no-repeat left; padding-left:25px; float:right; clear: both;}

.comment-body {margin-bottom:20px;}
.comment {width:100%;}
.comment-inner {width:550px;float:right;}
.comment-meta {margin-left: 37px; padding-top: 2px; border-top: 1px solid #ddd;}

span.image-caption {font-size:11px; font-weight: bold; padding: 5px 5px;}
.floatright {float:right; padding-left:10px; background: #fff;}
.floatleft {float:left; margin-right:10px; margin-bottom: 10px;}
.floatnone {margin-bottom: 10px;}

#comment_form textarea {width: 100%;}
/*BUTTONS
------------------------------------*/
.submit {background-color:#E90188;border:0px;padding:2px 10px;color:#fff;}


/*  UNORDERED LIST */

.sb-item {margin-bottom:20px;}

#sidebar ul.special li a:before {content:"\00BB \0020"}



/*PORTFOLIO
------------------------------------*/
.project-overview {font-size:16px;}
.portfolio-specs p {margin-bottom:10px; color: white; background:#B0B0B0; padding:0 10px; line-height: 24px; /*text-transform:capitalize;*/}



/*.catnav li a {display:inline-block; color:white; padding: 2px 5px;  margin-right:4px; font: 12px "Trebuchet MS"; height: 18px; line-height:18px; text-transform:uppercase; margin-bottom:3px; width:100%;}
*/

#portfolio #main strong {font: 11px "Trebuchet MS"; text-transform:uppercase; font-weight: bold;}
/*#portfolio p + p { text-indent: 20px;}
#portfolio blockquote + p { text-indent: 20px;}
#portfolio span.no-indent p { text-indent: 0px;}*/

#portfolio-item-gallery img {border:4px solid #F2F2F2;}

#portfolio-item-gallery li {float:left; margin-right:8px; margin-bottom:10px;list-style:none;}

#portfolio-item-gallery .main-image {margin:0px; margin-bottom:10px;}

div.related-items {padding-top: 6px;}

ul.next-previous li {list-style: none;}
ul.next-previous li a {display:inline-block; float:right; color:white; padding: 2px 5px; background:#d4d4d4; margin-right:4px; font: 12px "Trebuchet MS"; height: 18px; line-height:18px; text-transform:uppercase; margin-bottom:3px;}
ul.next-previous li a:hover {background:#B0B0B0;}

ul.next-previous li a.next:append{ content:"\00BB \0020"; color: white; font-size:36px; line-height: 12px; height: 18px; width:20px; display: block; float: left;}




/* */


.catnav  {padding-left:0px;}
.catnav li {list-style:none;}
.catnav li a {display:block; color:white; padding: 2px 5px; padding-left: 25px;  margin-right:4px; font: 12px "Trebuchet MS", Trebuchet, Verdana, Sans-serif; height: 18px; line-height:18px; text-transform:uppercase; margin-bottom:3px;}

.catnav li a {background: #d4d4d4 url(/theme/images/sb-bullet.gif) no-repeat left top;}

.catnav li.current a {background: #B0B0B0 url(/theme/images/sb-bullet.gif) no-repeat left top; background-position: 0 -22px;}
.catnav li a:hover {background:#B0B0B0 url(/theme/images/sb-bullet.gif) no-repeat left top; background-position: 0 -22px;}


.catnav li a.current {background:#B0B0B0}
/*.catnav li a:before{ content:"\00BB \0020"; color: white; font-size:36px; line-height: 12px; height: 18px; width:20px; display: block; float: left;}
*/

ul.items {padding-left:0px;}
ul.items li {display:block; float:left; width:189px; height:190px; overflow:hidden; position:relative; margin-right:8px; margin-bottom:10px;}
ul.items li.last {margin-right:0;}
ul.items li img {border:4px solid #F2F2F2;}

/* STAFF TEMPLATE
-----------------------------------*/


/*#staff-nav  {padding-left:0px; margin: 0 auto; width: 600px;}
*/
#staff-nav {padding-left: 10px;}

#staff-nav li {float:left; list-style:none;}
#staff-nav li:before {content:none}
#staff-nav li a {display:inline-block; color:white; padding:5px; background:#d4d4d4; margin-right:4px; font: 12px "Trebuchet MS"; text-transform:uppercase; margin-bottom:10px;}
#staff-nav li a:hover {background:#B0B0B0;}
#staff-nav li a.current {background:#B0B0B0}

/*ul#staff-members {width: 700px; margin: 0 auto;}
*/
span.staffoverlay {opacity: 0;}

span.staffoverlay span.meta-categories {font-size:11px; display:block; font-weight:bold;}
span.staffoverlay span.meta-date {font-size:11px; display:block; font: 10px "Trebuchet MS"; text-transform:uppercase; color: #E90188; font-weight:bold;}
span.staffoverlay span.meta-title {}

/*ul#staff-members {padding-left:0px;}*/
#staff-members {padding-left: 170px;}

ul#staff-members {display: block; min-height: 1000px;}

ul#staff-members li {position:relative;display:block; float: left; width:100px; height:190px;  margin-right:8px; margin-bottom:10px;}
ul#staff-members li.last {margin-right:0;}
ul#staff-members li img {border:none;}

ul#staff-members li span.staffoverlay,
ul#staff-members li span.staffoverlay a {color:white;}
ul#staff-members li span.staffoverlay {display:none; width:170px; padding:10px; padding-right:20px; position:absolute; top: 70; top: 36px; left: -300px; background:url(/theme/images/staff-hover.png) no-repeat center right; z-index:55;}

ul#staff-members li {}

ul#staff-members li .hover-area {background: url(theme/images/transparent.gif); display: block; height: 160px; width: 60px; position: absolute; top:0; right:0; z-index: 88;}

ul#staff-members li a.staff-hover-select {display: block; position: relative; height: 160px; width: 60px;  /*position: absolute; bottom:0; right:0;*/ z-index: 99; }

ul#staff-members li img {}

/*
#staff #main {overflow:hidden;}
ul#staff-members li.goaway {left:900px;}
*/

.date {font: 12px "Trebuchet MS"; text-transform:uppercase; color: #E90188; display:block; text-align:left; margin-bottom:10px;}
.tiny-date {font: 11px "Trebuchet MS"; text-transform:uppercase; color: #E90188;}
.pinkstyle {font: 12px "Trebuchet MS"; text-transform:uppercase; color: #E90188; font-weight:bold;}

ul.items li a {display:block; width: 100%; height: 100%; z-index:99;}
ul.items li span.itemoverlay {padding: 4px; margin:4px; width:173px; bottom: -9999px; right: 0; background: #000; position:absolute; background:url(/theme/images/black50opac.png);;}
ul.items li a:hover span.itemoverlay {bottom: 0; right: 0;}


ul.items li span.itemoverlay,
ul.staff-members li span.itemoverlay a  {color:white;}

span.itemoverlay span.meta-categories {font-size:11px; display:block; font-weight:bold;}
span.itemoverlay span.meta-date {font-size:11px; display:block; font: 10px "Trebuchet MS"; text-transform:uppercase; color: #E90188; font-weight:bold;}
span.itemoverlay span.meta-title {}

/* BLOG TEMPLATE
-----------------------------------*/
#blog blockquote {}
#blog blockquote p {font-size: 18px; line-height: 24px;}

#by-line.wob-line {color: white; background:#B0B0B0; padding:0 10px; line-height: 24px; margin-bottom: 10px;}
#by-line .author {float: left; line-height: 24px;}
#by-line .date {float: right; width: 20%; text-align: right; line-height: 24px; margin:0; color: white; /*padding-left: 12px;*/}

#blog #by-line + p {color: #E90188; }
#blog #by-line + p a {color: #5C5C5C;}
#blog #by-line + p a:hover { color:#333;}
#blog #by-line + p:first-line {color: #E90188;}
#blog #by-line + p:first-letter {display:block; float:left; margin-top: 2px; font-size:36px; line-height: 36px; height: 36px; width: 36px; background: #E90188; color: white; padding: 3px; margin-right: 6px;}

#entry-comments {border: 1px solid #ddd; padding: 10px; margin-top: 20px;}

#blog.entry h3 {margin-top: 15px; border-bottom:1px solid #ddd;}
#blog #main h2 {margin-top: 10px; margin-bottom: 0;}

#blog p a {border-bottom: 1px dotted #E9B7C8;}
#blog p a:hover {background: #F5F5F5; color: #333;}

div.hr {/*border-bottom: 1px solid #ddd;*/ margin-top: 20px; margin-bottom: 10px;}

/*p:first-letter {
display:block;
float:left;
border:1px solid black;
padding:5px;
margin:4px 5px;
background:url(firstletter1.png);
font-size:73px;
}
*/
/* CONTACT PAGE
-----------------------------------*/
ul.contact-details {list-style:none;padding:0;margin:0;display:block;}
ul.contact-details li {display:block; width: 160px; float:left;}

.codeblock {padding:5px; margin-top:10px; margin-bottom:10px; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}

/**	----------------------------------------
/**	SEARCH
/**	----------------------------------------*/

.google-results {border-bottom:  1px dashed; margin-bottom: 20px; padding-bottom: 10px;}
.google-results .url {font-size: 12px; font-style: italic;}

/*-- FORMS ----------------------*/
/* -----------------------------------------------------------------------

 RMSforms CSS Forms Framework 0.5
 http://rmsjr.com

   * Copyright (c) 2009-Present.

----------------------------------------------------------------------- */

@charset "utf-8";
/* CSS Document */



/* CONTAINING DIV */
.formContainer {font-family:Arial, Helvetica, sans-serif;}

/* GLOBALS */
.formContainer form{ margin:0; padding:0;}
.formContainer fieldset{ margin:0; padding:0;}
.formContainer legend{ margin:0; padding:0;}

#main .formContainer ul{ margin:0; padding:0; margin-bottom: 15px;}


.formContainer li{ width:100%; float:left;}
.formContainer ul{ margin:0; padding:0; list-style:none; height:1%; } /*overflow:hidden;*/
.formContainer fieldset{ margin-bottom:10px; display:block; } /*optional elememt */ 
.formContainer ul li ul{ list-style:none; /*background-color:#F8F3B8*/}
.formContainer em{color:#FF0000;}

.formContainer ul {margin-bottom:5px;}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
										/* BASE FORM CLASS */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.form { margin:0 0 0 0; padding:7px 10px 10px 10px; list-style:none;}
.form ul{ padding:2px 5px 5px 5px; height:1%; }
.form label{ width:120px; padding:3px 5px 3px 0px; float:left; display:inline; }
.form li{margin:3px 0 0 0;  padding-bottom:3px; }
.form li ul li{ border-bottom:0px solid #ff0000;}
.form input{ float:left; display:inline; line-height:100%;}
.form select{ float:left; display:inline;}
.form textarea{ float:left; display:inline;}
.form input[type='radio'] { border:0px; }
.form input[type='checkbox'] { border:0px; }


/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
										/* FORM MODIFIERS */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*
All of the modifier classes should be applied to fomr uls and are used to present the structure: <li><label></label><input/></li>.
Each letter represented in the class name represents the orientation of the li - label - input elements respectively.

h = horizontal block element (floated left)
v = vertical block element 
i = inline element

for example, the class:.hvv  =  [LI:Horizontal Block Element]  [LABEL:Verticle block element]  [INPOUT:Vertical block element]
*/
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
	
.vvv li { display:block; clear:both; width:100%; /*/*/ margin-bottom:2px;}
.vvv label{ display:block;  width:100%; clear:both; float:none;}
.vvv input{ display:block; float:left;}
.vvv select{ display:block; float:left;}
.vvv textarea{ display:block; float:left;}

.hvv{ overflow:hidden; height:1%; }
.hvv li{ float:left; margin-right:10px; display:inline; width:auto; }
.hvv label{ display:block; width:auto; float:none;  }
.hvv input{ display:block;}
.hvv select{ display:block;}
.hvv textarea{ display:block;}

.hii{ overflow:hidden; height:1% }
.hii li{ float:left; margin-right:10px; display:inline; width:auto; border-bottom:0;}
.hii label{ display:inline; margin-right:0px; vertical-align:middle; text-align:left; width:auto;}
.hii input{ display:inline; vertical-align:middle; }
.hii select{ display:inline; vertical-align:middle;}
.hii textarea{ display:inline; vertical-align:middle;} 
.hii li li{ clear:both; } /* reset second level lis */

.hhh{ overflow:hidden; height:1% }
.hhh li{ float:left; margin-right:10px; display:inline; width:auto; border-bottom:0;}
.hhh label{ float:left; width:100px; }
.hhh input{ float:left}
.hhh select{ float:left}
.hhh textarea{ float:left} 
.hhh li li{ clear:both; } /* reset second level lis */

.vii{ float:left; display:inline; width:auto}
.vii li{ display:block; float:left; width:auto; clear:both;}
.vii label{ display:inline; width:auto; vertical-align:middle; float:none;}
.vii input{display:inline;  vertical-align:middle;  float:none; }
.vii select{ display:inline;  vertical-align:middle;  float:none;}
.vii textarea{display:inline;  vertical-align:middle;  float:none;}

.vhh{  float:left; display:inline;}
.vhh li{ display:block; clear:both; float:left; width:auto;/* border-bottom:3px solid #efefef*/ padding-bottom:5px;}

.vhh label{ float:left; width:120px; display:inline; }
.vhh input{ float:left; display:inline;}
.vhh select{ float:left; display:inline;}
.vhh textarea{ float:left; display:inline;}

.vii #submit-button {margin-top:5px;}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
										/* LABEL MODIFIERS */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */

label.v { display:block; float:none; width:auto; padding:3px; text-align:left}
label.h { display:block; float:left; width:auto; display:inline;}


/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
										/* MULTI-SELECT BOX */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.multiSelect {height:400px; width:90%; float:left; padding:0px; background-color:#FFFFFF; overflow:hidden; overflow:auto; border:0px inset #ccc; }
.multiSelect .form {height:auto; margin:0; padding:0; border:0;}
.multiSelect .vhh {margin:0; padding:0;}
.multiSelect .vhh input{ float:left; } 
.multiSelect .vhh label{ float:none; margin-left:20px; display:block; width:auto; clear:none; }
.multiSelect .vhh li{ overflow:hidden; width:100%}
.multiSelect .vii li{ width:100%;}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
										/* OTHER STYLES */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* COLOR CODE - FOR CLARIFICATION & DEBUGGING
ul { background-color:#666}
ul li{ background-color:#999}
ul li ul{ background-color:#ccc}
ul li ul li{ background-color:#eee}
label{ background-color:#A0EFED; }*/

/* ie 6 no border class (put on all check boxes and radio buttons if a border is set on inputs*/
.form input.noBorder{ border:0px;}

/* REQUIRED FIELD STLES */
.requiredDesignation{ display:block; padding:5px 5px 5px 5px; margin-bottom:10px; }
.req{ color:#FF0000;}
.req label:Before{ content:"* "}
.requiredDesignation:before{ content:"* " }

/* FORM NOTES */
.leftNote{ padding:3px 5px 0 5px; color:#FF9933; float:left}
.bottomNote{ padding:0; color:#FF9933;  clear:both; display:block;}
.tar label{ text-align:right;}

/* GENERAL TWEAKING STYLES */
.fl{ float:left;}
.cb{ clear:both;}
.w100p{ width:100%;}
.mr20{ margin-right:20px;}
.ml20{ margin-left:20px;}
.offset1{ margin-left:130px;}
.offset2{ margin-left:105px;}

.vii.col2 li {width:50%;}
.vii.col2 li {clear:none;}
.vii.col2 label {width: auto;}

li.widelabel label {width:auto;}

fieldset.col2 {width:50%; float:left;}

.formContainer legend {margin-bottom:10px;}
.formContainer fieldset fieldset legend  {margin-bottom:5px;}

label.error {
    font: normal 10px arial, sans-serif;  
    padding: 3px;  
    margin: 3px;  
    background-color: #ffc;  
    border: 1px solid #c00;
 	
}

/*-- PROFILE EDIT ----------------------*/
.formContainer label {font-weight: bold !important;}
.formContainer fieldset legend {font-size: 14px; font-weight: bold; color: #bb202e;}
.formContainer fieldset {border-bottom: 2px solid #999;}
.formContainer input.title {font-size: 18px; width: 100%;}


/*--  ----------------------*/
.info-box {padding: 10px; border: 1px solid #ccc; margin-bottom: 10px;}