@charset "UTF-8";

/* Universal CSS */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

body {
	background-color: #fff;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	text-align: left; 
	height: 100%;
}

a {
	color: #336699;
	cursor: pointer;
	text-decoration: none;
	outline-style: none;
}

a:hover {
	color: 0000ff;
	text-decoration: underline;
}

hr, fieldset, img, button {
	border: 0; 
}

ol, ul, code {
	list-style: none;
}

.next5 {
	margin-top: 5px;	
}

.next10 {
	margin-top: 10px;	
}

.next15 {
	margin-top: 15px;	
}

.next20 {
	margin-top: 20px;	
}

.left {
	float: left;	
}

.right {
	float: right;	
}

.clearfix:after, .ForceClearFix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear {
    clear: both;	
}

.zebra td, .zebra {
	background-color: #f1f0f8;
}

.zebra2 td, .zebra2 {
	background-color: #F1F1F1;
}

.zebra3 td, .zebra3 {
	background: #F0F1F7;
}

.zebra4 td, .zebra4 {
	background: #FAFAFA;
}

.inbox, .rel {
	position: relative;	
}

.backtotop {
	text-align: right;
	padding: 5px 0 5px 0;
}

.backtotop a {
	background: url(http://www.imoderndesign.com/IMG/icon_arrowUp.gif) no-repeat 0 0;
	padding-left: 15px;
}

.scroll {
	overflow: auto;
	padding-right: 10px;
}

.thumbnail {
	padding: 5px;
	background-color: #f1f0f8;
	margin-bottom: 5px;
}

.thumbnail:hover {
	background-color: #CF9;
}

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

.center {
	text-align: center;
}

.listInbox li {
	float: left;	
}

.hidden { 
 	display: none; 
}

/* -------- CONTAINER ---- */

.fullContainer {
	padding: 15px;
}

#customDoc950 {
	width: 950px;
	min-width:950px;	
	margin: auto;
	text-align: left;
	padding: 0;
}

#bannerInbox, #footerInbox {
	position: relative;
}

#contentInbox {
	padding: 20px 20px 15px 20px;
	color: #666;
	background-color: #FFF;
}

.container910 {
	width: 910px;	
}

.container640 {
	width: 640px;	
}

.container580 {
	width: 580px;	
}

.container445 {
	width: 445px;	
}

.container455 {
	width: 455px;	
}

.container350 {
	width: 350px;	
}

.container310 {
	width: 310px;	
}

.container250 {
	width: 250px;	
}

#containerLogo {
	position: absolute;
	left: 10px;
	top: 10px;
}

#containerInfo {
	position: absolute;
	right: 0;
	top: 10px;
	text-align: right;
}

#containerMenu {
	position: absolute;
	right: 0;
	bottom: 0;
}

#footerInbox {
	background: url(http://www.imoderndesign.com/IMG/bg_bottom.png) no-repeat left top;
	height: 72px;
	margin-bottom: 30px;
}

.copyRight {
	position: absolute;
	left: 10px;
	top: 25px;
	font-size: 10px;
	color: #666;
}

.disclaimer {
	position: absolute;
	right: 10px;
	top: 25px;
	font-size: 10px;
	color: #666;
	font-weight: normal;
	text-align: right;
	padding-bottom: 30px;
}

/* -------- ISLANDS -------- */

.island {
	width: 100%;
	line-height:17px;
	font-size: 12px;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}

.island .wide517, .island .wide640, .island .wide517Gray, .island .wide640Gray, .island .wide640Red, .island .wide640Purple, .island .narrow250Red, .island .narrow250Gray, .island .narrow250Blue, .island .narrow250Purple {
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-top: -4px;
}

.narrow250Red {
	background-image: url(http://www.imoderndesign.com/IMG/islandNarrow250Body.gif);
}

.narrow250Purple {
	background-image: url(http://www.imoderndesign.com/IMG/islandNarrow250Body.gif);
}

.narrow250Blue {
	background-image: url(http://www.imoderndesign.com/IMG/islandNarrow250BlueBody.gif);
}

.narrow250Gray {
	background-image: url(http://www.imoderndesign.com/IMG/islandNarrow250Body.gif);
}

.wide517 {
	background-image: url(http://www.imoderndesign.com/IMG/islandWide517Body.png);	
}

.wide517Gray {
	background-image: url(http://www.imoderndesign.com/IMG/islandWide517Body.png);	
}

.wide640 {
	background-image: url(http://www.imoderndesign.com/IMG/islandWide640Body.png);	
}

.wide640Gray, .island .wide640Red, .island .wide640Purple {
	background-image: url(IMG/islandWide640GrayBody.png);	
}

.island .wide517 h2, .island .wide640 h2, .island .wide517Gray h2, .island .wide640Gray h2, .island .wide640Red h2, .island .wide640Purple h2, .island .narrow250Red h2, .island .narrow250Gray h2, .island .narrow250Blue h2, .island .narrow250Purple h2 {
	height: 22px;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	background-repeat: no-repeat; 
	padding: 4px 5px 0px 10px;
}

.narrow250Purple h2 {
	background: #fff url(http://www.imoderndesign.com/IMG/islandNarrow250PurpleTop.gif) top left no-repeat;
}

.narrow250Red h2 {
	background: #fff url(http://www.imoderndesign.com/IMG/islandNarrow250RedTop.gif) top left no-repeat;
}

.narrow250Blue h2 {
	background: #fff url(http://www.imoderndesign.com/IMG/islandNarrow250BlueTop.gif) top left no-repeat;
}

.narrow250Gray h2 {
	background: #fff url(http://www.imoderndesign.com/IMG/islandNarrow250GrayTop.gif) top left no-repeat;
}

.wide517 h2 {
	background: #fff url(http://www.imoderndesign.com/IMG/islandWide517Top.png) top left no-repeat;
}

.wide517Gray h2 {
	background: #fff url(http://www.imoderndesign.com/IMG/islandWide517GrayTop.png) top left no-repeat;
}

.wide640 h2 {
	background: #fff url(http://www.imoderndesign.com/IMG/islandWide640Top.png) top left no-repeat;
}

.wide640Gray h2 {
	background: #fff url(http://www.imoderndesign.com/IMG/islandWide640GrayTop.png) top left no-repeat;
}

.wide640Purple h2 {
	background: #fff url(http://www.imoderndesign.com/IMG/islandWide640PurpleTop.gif) top left no-repeat;
}

.wide640Red h2 {
	background: #fff url(http://www.imoderndesign.com/IMG/islandWide640RedTop.gif) top left no-repeat;
}

.wide640Gray2Container {
	padding: 5px 0 0 5px;
}

.wide640Gray2Header {
	background:  url(http://www.imoderndesign.com/IMG/islandWide640Gray2Top.png) top left no-repeat;
	height: 22px;
	font-size: 13px;
	font-weight: bold;
	background-repeat: no-repeat; 
	padding: 4px 5px 0px 10px;
}

.wide640Gray2Content {
	padding: 10px 10px 7px 10px; 
	background-color: #FFF;
	width: 610px;
}

.wide640Gray2Footer {
	background: url(http://www.imoderndesign.com/IMG/islandWide640Gray2Bottom.png) no-repeat left top;
	height: 14px;
}

.islandBody	{ 
	padding: 10px 10px 20px 10px; 
	color:#333;
}

.islandGrayInbox {
	clear: both;
	font-family: verdana, helvetica, arial, sans-serif;
	width: 100%;
}

.islandGrayHeader {
	background:transparent url(http://www.imoderndesign.com/IMG/islandGray.gif) repeat-x scroll 0 0;
	clear: both;
	height: 25px;
	color: #FFFFFF;
	font-family: helvetica,arial,sans-serif;
	font-size: 12px;
	letter-spacing: 0.3px;
	line-height: 27px;
	padding-left: 10px;
}

.islandGrayContent, .islandGrayContent2 {
	border-bottom-width: 1px;
	border-top-width: 1px;
	background: #FFFFFF;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	padding: 2px;
}

.islandGrayContent {
	border-color: #C2C2C2;
}

.islandGrayContent2 {
	border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;
}

.islandGrayContent {
	padding: 1px;
}

.islandGrayGradient {
	background: #FFFFFF url(http://www.imoderndesign.com/IMG/islandGrayGradient.gif) repeat-x scroll center bottom;
	padding: 10px;
}

.islandGray2Inbox {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border: 1px solid #252525;
	background-color: #E5E5E5;
	background-image:url(http://www.imoderndesign.com/IMG/bg_gray2.png);
	border-color: #DDDDDD;
}

.islandGray2Inbox .islandGray2Body {
	border-bottom:1px solid #DDDDDD;
}

.islandGray2Inbox .islandGray2Body h3 {
	color: #333;
	line-height: 30px;
	margin: 0;
	padding: 0 10px;
	text-transform: uppercase;
}

/* -------- TITLE -------- */

.title1 {
	background: url(http://www.imoderndesign.com/IMG/title1.gif) repeat-x left -9px;
	border-color: #EEEEEE #B5B5B5 #B5B5B5 #EEEEEE;
	border-style: solid;
	border-width: 1px;
	color: #666;
	padding: 7px 10px 5px 10px;
	*padding: 4px 10px 5px 10px; /* Fix for IE7 */
	font-size: 16px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	*font-weight: bold; /* Fix for IE7 */
}


.title2 {
	font-size: 12px;
	font-weight: bold;
	border-color: #EEE #CCC #CCC #EEE;
	border-width: 1px;
	border-style: solid;
	background:url(IMG/title2.png) repeat-x left bottom;
	padding: 4px 10px 4px 10px;
	font-color: #333333;
}

.titleFB1, .titleFB2 {
	background-color: #ECEFF5;
	padding: 5px 8px 5px 8px;
	font-color: #333333;
	font-size: 12px;
	font-weight: bold;
}

.titleFB1 {
	border-top: 1px solid #94A3C4;
}

.titleFB2 {
	border-bottom: 1px solid #94A3C4;
}

.title3left {
	width: 3px;
	height: 26px;
	background: url(http://www.imoderndesign.com/IMG/title3left.png) no-repeat left top;
	float:left;
}

.title3right {
	width: 3px;
	height: 26px;
	background: url(http://www.imoderndesign.com/IMG/title3right.png) no-repeat left top;
	float: left;
}

.title3center {
	height: 26px;
	background: url(http://www.imoderndesign.com/IMG/title3center.png) repeat-x left top;
	float: left;
	padding: 6px 10px 0 10px;
	font-weight: bold;
	color: #FFF;
}

.title4left {
	width: 3px;
	height: 26px;
	background: url(IMG/title4left.png) no-repeat left top;
	float:left;
}

.title4right {
	width: 3px;
	height: 26px;
	background: url(http://www.imoderndesign.com/IMG/title4right.png) no-repeat left top;
	float: left;
}

.title4center {
	height: 20px;
	background: url(http://www.imoderndesign.com/IMG/title4center.png) repeat-x left top;
	float: left;
	padding: 6px 10px 0 10px;
	font-weight: bold;
	color: #333;
}

.title5 {
	background: url(http://www.imoderndesign.com/IMG/title5.png) repeat-x left top;
	height: 25px;
	padding: 7px 0 0 10px;
	text-transform: uppercase;
	color: #FFF;
	font-size: 1.3em;
}

.title6, .title7 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 10px;
	color: #666;
}

.title6 {
	font-size: 12px;
}

.title7 {
	font-size: 14px;
}

.title8left {
	width: 3px;
	height: 26px;
	background: url(http://www.imoderndesign.com/IMG/title8left.png) no-repeat left top;
	float:left;
}

.title8right {
	width: 3px;
	height: 26px;
	background: url(http://www.imoderndesign.com/IMG/title8right.png) no-repeat left top;
	float: left;
}

.title8center {
	height: 20px;
	background: url(http://www.imoderndesign.com/IMG/title8center.png) repeat-x left top;
	float: left;
	padding: 6px 10px 0 10px;
	font-weight: bold;
	color: #FFF;
}

.title9 {
	background-color: #ECECEC;
	padding: 5px 0 5px 10px;
	border-bottom:1px solid #BDBDBD;
	color: #333;
	font-weight: bold;
}

/* -------- BUTTONS -------- */

a.button {
    background: transparent url('http://www.imoderndesign.com/IMG/bg_button_a.gif') no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    font: bold 13px arial, sans-serif;
	text-align:center;
    height: 32px;
    margin-right: 0px;
    padding-right: 14px;
    text-decoration: none;
}

a.button span {
    background: transparent url('http://www.imoderndesign.com/IMG/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 22px;
    padding: 4px 0 6px 30px;
}

a.button input {
    background: transparent url('http://www.imoderndesign.com/IMG/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 22px;
    padding: 2px 0 5px 30px;
	border:none;
	height:32px;
	color:#FFFFFF;
} 

a.button:active {
    background-position: bottom right;
    color: #FFF;
    outline: none; 
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 30px; 
}  

a.button:active input {
    background-position: bottom left;
    padding: 4px 0 4px 30px; 
}  
  
a.buttonDisabled {
    background: transparent url('http://www.imoderndesign.com/IMG/bg_button_a_disabled.gif') no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    font: bold 13px arial, sans-serif;
	text-align:center;
    height: 32px;
    margin-right: 0px;
    padding-right: 14px;
    text-decoration: none;
}

a.buttonDisabled span {
    background: transparent url('http://www.imoderndesign.com/IMG/bg_button_span_disabled.gif') no-repeat;
    display: block;
    line-height: 22px;
    padding: 4px 0 6px 30px;
}

a.buttonCancel {
    background: transparent url('http://www.imoderndesign.com/IMG/bg_button_a_cancel.gif') no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    font: bold 13px arial, sans-serif;
	text-align:center;
    height: 32px;
    margin-right: 0px;
    padding-right: 14px;
    text-decoration: none;
}

a.buttonCancel span {
    background: transparent url('http://www.imoderndesign.com/IMG/bg_button_span_cancel.gif') no-repeat;
    display: block;
    line-height: 22px;
    padding: 4px 0 6px 14px;
}

a.buttonGo {
    background: transparent url('http://www.imoderndesign.com/IMG/bg_button_a_go.gif') no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    font: bold 13px arial, sans-serif;
	text-align:center;
    height: 32px;
    margin-right: 0px;
    padding-right: 14px;
    text-decoration: none;
}

a.buttonGo span {
    background: transparent url('http://www.imoderndesign.com/IMG/bg_button_span_go.gif') no-repeat;
    display: block;
    line-height: 22px;
    padding: 4px 0 6px 14px;
}

a.buttonSecondary {
    background: transparent url('http://www.imoderndesign.com/IMG/bg_button_a_secondary.gif') no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    font: bold 13px arial, sans-serif;
	text-align:center;
    height: 32px;
    margin-right: 0px;
    padding-right: 14px;
    text-decoration: none;
}

a.buttonSecondary span {
    background: transparent url('http://www.imoderndesign.com/IMG/bg_button_span_secondary.gif') no-repeat;
    display: block;
    line-height: 22px;
    padding: 4px 0 6px 14px;
}

a.buttonSecondary:active {
    background-position: bottom right;
    color: #FFF;
    outline: none; 
}

a.buttonSecondary:active span {
    background-position: bottom left;
    padding: 6px 0 4px 14px; 
}  

a.buttonGreen {
	background: url('http://www.imoderndesign.com/IMG/bg_buttonGreen_a.gif') no-repeat right top;
}

a.buttonGreen span {
	background: url('http://www.imoderndesign.com/IMG/bg_buttonGreen_span.gif') no-repeat left top;
}

a.buttonblue {
	background: url('http://www.imoderndesign.com/IMG/bg_buttonblue_a.gif') no-repeat right top;
}

a.buttonblue span {
	background: url('http://www.imoderndesign.com/IMG/bg_buttonblue_span.gif') no-repeat left top;
}

a.buttongray {
	background: url('http://www.imoderndesign.com/IMG/bg_buttongray_a.gif') no-repeat right top;
}

a.buttongray span {
	background: url('http://www.imoderndesign.com/IMG/bg_buttongray_span.gif') no-repeat left top;
}

a.buttonorange {
	background: url('http://www.imoderndesign.com/IMG/bg_orange_a.gif') no-repeat right top;
}

a.buttonorange span {
	background: url('http://www.imoderndesign.com/IMG/bg_orange_span.gif') no-repeat left top;
}

a.buttonyellow {
	background: url('http://www.imoderndesign.com/IMG/bg_yellow_a.gif') no-repeat right top;
}

a.buttonyellow span {
	background: url('http://www.imoderndesign.com/IMG/bg_yellow_span.gif') no-repeat left top;
}

a.buttonred {
	background: url('http://www.imoderndesign.com/IMG/bg_red_a.gif') no-repeat right top;
}

a.buttonred span {
	background: url('http://www.imoderndesign.com/IMG/bg_red_span.gif') no-repeat left top;
}

a.buttonGreen, a.buttonblue, a.buttongray, a.buttonorange, a.buttonyellow, a.buttonred {
	color: #FFF;
	display: block;
	float: left;
	font-family: arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-right: 23px;
	text-align: center;
	font-size-adjust: none;
	font-stretch: none;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	line-height: normal;
}

a.buttonGreen span, a.buttonblue span, a.buttongray span, a.buttonorange span, a.buttonyellow span, a.buttonred span {
	display: block;
	line-height:22px;
	padding: 4px 0 6px 30px;
}

a.buttonGreen:hover, a.buttonblue:hover, a.buttongray:hover, a.buttonorange:hover, a.buttonyellow:hover, a.buttonred:hover {
	text-decoration: underline;
}

a.buttongray2, a.buttonblue2 {
	border: 1px solid #C6CFD6;
	height: 15px;
	padding: 3px 15px 4px 15px;
}

a.buttongray2 {
	background: transparent url('http://www.imoderndesign.com/IMG/bg_graybtn.gif') repeat-x left top;
}

a.buttonblue2 {
	background: transparent url('http://www.imoderndesign.com/IMG/bg_bluebtn.gif') repeat-x left top;
}
 
.inputbutton, .inputsubmit, .buttonFB1 {
	border-width: 1px;	
	padding: 2px 15px 3px 15px;
	border-style: solid;
	border-color: #D9DFEA #0e1f5b #0e1f5b #D9DFEA;
	background-color: #3b5998;
	color: #FFFFFF;
	font-size: 11px;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif; 
	text-align: center;
} 

.buttonBlue3 {
	border: 0;
	font-size: 10px;
	letter-spacing: 1px;
	margin: 0;
	padding: 0 10px 0 0;
	text-align: center;
	text-transform: uppercase;
	background:  url(http://www.imoderndesign.com/IMG/bg_buttonBlue2_a.gif) no-repeat right center;
}

div .learn_more {
	text-decoration: none;	
}

.buttonBlue3 span {
	border: 0 none !important;
	color: white;
	height: 25px;
	display: block;
	line-height: 23px;
	margin: 0;
	padding: 2px 0 0 14px;
	position: relative;
	white-space: nowrap;
	background: url(http://www.imoderndesign.com/IMG/bg_buttonBlue2_span.gif) no-repeat left center;	
}

.buttonBlue3 a:hover, .buttonBlue3 span a:hover {
	text-decoration: none;
}

a.button-prev {
	background: url(http://www.imoderndesign.com/IMG/prev_button.png) no-repeat left top;
	color: #FFF;
	display: block;
	height: 22px;
	padding: 3px 0 2px;
	text-indent: 25px;
	width: 176px;
}

a.button-next {
	background: url(http://www.imoderndesign.com/IMG/next_button.png) no-repeat;
	color: #FFF;
	display: block;
	height: 22px;
	padding: 3px 0 2px;
	text-indent: 15px;
	width: 176px;
}

input.btbActionBlue {
	background: #4384F0 url(http://www.imoderndesign.com/IMG/bg_buttonBlue3.gif) no-repeat;
	border: 1px solid #1E5FC7 !important;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 10px;	
}

.btnLightGray {
	background: #FEFEFE url(http://www.imoderndesign.com/IMG/bg_btnLightGray.gif) repeat-x;
	border-color: #C4CCCC #ACB5B5 #6F7777;
	border-style: solid;
	border-width: 1px;
	color: #2B333C;
	cursor: pointer;
	font-weight: bold;
	overflow: visible;
	padding: 5px 10px 5px 10px;
	text-align: center;
	font-size: 12px;
}

a.btnLightGray:hover {
	color: #336699;
	text-decoration: none;
	background-color:#FFFFFF;
	outline: 2px solid #D6FFC9;
	
}

/* -------- MESSAGES -------- */

.explanation, .error, .success, .success2, .display, .confirm, .warning, .success2, .message, .question {
	padding: 5px 10px 5px 10px;
	font-size: 12px;
	line-height: normal;
}

.confirm {
	border: 1px solid #c1d3e1;
	background-color: #f4f3f9;
}

.question {
	border: 1px solid #c1d3e1;
	background: #f4f3f9 url(http://www.imoderndesign.com/IMG/icon_bluequestionmark.png) no-repeat 10px 7px;
	padding: 7px 10px 8px 30px
}

.error, .error2, .error3, .error4 {
	border: 1px solid #dd3c10;
	font-size: 12px;
	line-height: normal;
}

.error {
	background-color: #ffebe8;
}

.error2 {
	background: #ffebe8 url(http://www.imoderndesign.com/IMG/icon_error.png) no-repeat 10px 5px;
	padding: 5px 10px 7px 35px;
}

.error3 {
	background: #ffebe8 url(http://www.imoderndesign.com/IMG/icon_stop.png) no-repeat 10px 5px;
	padding: 10px 10px 10px 40px;
}

.error4 {
	background: #ffebe8 url(http://www.imoderndesign.com/IMG/icon_redX.png) no-repeat 10px 6px;
	padding: 5px 10px 5px 30px;
}

.explanation, .warning, .alert {
	border: 1px solid #E2C822;
	background-color: #FFF9D7;
}

.explanation2, .warning2, .alert2 {
	border: 1px solid #E2C822;
	background: #FFF9D7 url(http://www.imoderndesign.com/IMG/icon_warning.png) no-repeat 10px 5px;
	padding: 7px 10px 8px 38px;
}

.explanation3, .warning3, .alert3 {
	border: 1px solid #E2C822;
	background: #FFF9D7 url(http://www.imoderndesign.com/IMG/icon_alert.png) no-repeat 10px 5px;
	padding: 5px 10px 5px 32px;
}

.display {
	border: 1px solid #ccc;
	background-color: #fff;
}

.message {
	border: 1px solid #464646;
	background-color: #E0E0E0;
}

.success {
	border: 1px solid #77ED48;
	background-color: #E1FCD5;
}

.success2, .success3, .success4 {
	padding-left: 30px;
	border: 1px solid #77ED48;
	background-color: #E1FCD5;
}

.success2 {
	background: #E1FCD5 url(http://www.imoderndesign.com/IMG/icon_checkmark.png) no-repeat 10px 5px;
}

.success3 {
	background: #E1FCD5 url(http://www.imoderndesign.com/IMG/icon_cupcake.png) no-repeat 10px 7px;
	padding: 7px 10px 8px 30px;
}

.success4 {
	background: #E1FCD5 url(http://www.imoderndesign.com/IMG/icon_thumbup.png) no-repeat 10px 5px;
	padding: 9px 10px 10px 38px;
}

/* -------- TABS -------- */

#tabsContainer {
	bottom: -1px;
	position: relative;
}

.tabs {
	display: block;
	font-family: arial, helvetica, sans-serif;
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
}

.tabs li {
	background-color: #F0F4F5;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px 1px 1px 0;
	display: block;
	float: left;
	font-size: 12px;
	margin: 0;
	padding: 4px 7px 3px;
	white-space: nowrap;
}

.tabs li.first {
	border-left: 1px solid #CCCCCC;
}

.tabs li.selected {
	background: white none repeat scroll 0% 50%;
	border-bottom: medium none;
	padding: 4px 7px;
}

.tabs li a, .tabs li a:link, .tabs li a:visited, .tabs li a:hover, .tabs li a:active {
	color: #333333;
	font-size: 12px;
}

.tabContent {
	border: 1px solid #CCCCCC;
	clear: both;
	display: none;
	padding: 20px;
}

.tabContent.active {
	display: block;
}

#tab1Inbox {
	overflow: hidden;
}

#mostPopWidget ul.tabs li:first-child {
	border-left-width: 1px;
}

/* -------- ACCORDION -------- */

.tabAccordion {
	cursor: hand;
	cursor: pointer;
	padding: 5px;
	border-top: 1px solid #ccc;
	font-weight: normal;
	color: #666;
	font-size: 12px;
}

.tabAccordion:hover {
	color: #000;
}

.tabShow {
	color: #666;	
}

/* -------- ARTICLE -------- */

.articleInbox {
	padding-bottom: 10px;
}

.article p {
	margin-bottom: 15px;
	color: #666;
	line-height: 18px;
}

.article img {
	padding: 2px 15px 0px 0;	
}

.article li {
	margin-top: 5px;	
}

.checklist, .bulletPoints, .bullet {
	margin: 0 0 15px 20px;
}

.checklist2 li, .bulletPoints2 li {
	margin-left: 20px;
}

.checklist li, .checklist2 li, .bulletPoints li, .bulletPoints2 li, .bullet li {
	padding-left: 22px;
	line-height: normal;
	color: #666;
}

.checklist li {
	background: url(http://www.imoderndesign.com/IMG/icon_checkmark.png) no-repeat left 2px;
	line-height: 20px;
}

.checklist2 li {
	background: url(http://www.imoderndesign.com/IMG/icon_checkmark.png) no-repeat left 2px;
	line-height: 18px;
}

.bulletPoints li {
	background: url(http://www.imoderndesign.com/IMG/icon_arrowRight.gif) no-repeat 4px 2px;
	line-height: 20px;
}

.bulletPoints2 li {
	background: url(http://www.imoderndesign.com/IMG/icon_arrowRight.gif) no-repeat 4px 0;
	line-height: 18px;
}

.bullet li {
	background: url(http://www.imoderndesign.com/IMG/icon_bullet.png) no-repeat 5px 2px;
	line-height: 18px;
}

.articleHeader {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	color: #666;
}

.chart td {
	border-bottom: 1px solid #ccc;
	padding: 7px;
	color: #666;
}

.chart .chartTitle {
	color: #000;
	font-weight: bold;
}

.chart .chartHeaderArrow {
	background: url(http://www.imoderndesign.com/IMG/icon_arrowGreenDown.gif) no-repeat left 2px;
	padding-left: 15px;
	margin-left: 22px;
}

.chart .chartHeader {
	background: url(http://www.imoderndesign.com/IMG/icon_checkmark.png) no-repeat 7px 7px;
	padding-left: 30px;
	color: #666;
	font-weight: bold;
}

/* -------- CALENDAR -------- */

.calendar {
	width: 36px;
	height: 40px;
	padding: 0 10px 15px 0;
}

.calendar p {
	text-align: center;
	padding-top: 19px;
	font-weight: bold;
	font-size: 14px;
	color: #666;
}

.calInfo {
	color: #666;
	font-size: 10px;
	margin-left: 45px;
	padding-bottom: 10px;
}

.jan {
	background: url(http://www.imoderndesign.com/IMG/cal1.png) no-repeat left 2px;
}

.feb {
	background: url(http://www.imoderndesign.com/IMG/cal2.png) no-repeat left 2px;
}

.mar {
	background: url(http://www.imoderndesign.com/IMG/cal3.png) no-repeat left 2px;
}

.apr {
	background: url(http://www.imoderndesign.com/IMG/cal4.png) no-repeat left 2px;
}

.may {
	background: url(http://www.imoderndesign.com/IMG/cal5.png) no-repeat left 2px;
}

.jun {
	background: url(http://www.imoderndesign.com/IMG/cal6.png) no-repeat left 2px;
}

.jul {
	background: url(http://www.imoderndesign.com/IMG/cal7.png) no-repeat left 2px;
}

.aug {
	background: url(http://www.imoderndesign.com/IMG/cal8.png) no-repeat left 2px;
}

.sep {
	background: url(http://www.imoderndesign.com/IMG/cal9.png) no-repeat left 2px;
}

.oct {
	background: url(http://www.imoderndesign.com/IMG/cal10.png) no-repeat left 2px;
}

.nov {
	background: url(http://www.imoderndesign.com/IMG/cal11.png) no-repeat left 2px;
}

.dec {
	background: url(http://www.imoderndesign.com/IMG/cal12.png) no-repeat left 2px;
}

/* -------- PHOTO GALLERY -------- */

.photoTour li, .photoGallery li {
	float: left;
	padding-bottom: 5px;
}

.photoGallery {
	margin-left: 15px;
}

.photoGallery li {
	padding: 10px 10px 6px 10px;
}

.photoHeader {
	text-align: center; 
	color: #999;
	font-size: 11px;
	padding-bottom: 4px;
}

#simplegallery1 {
	position: relative;
	visibility: hidden;
	font-size: 11px;
}

#simplegallery1 .gallerydesctext {
	text-align: left;
	padding: 5px;
	font-size: 11px;
}

.hightlights td {
	padding-right: 10px;
	padding-bottom: 5px;
	width: 200px;
}

.highlightInfo li {
	border-bottom: 1px solid #f1f0f8;
	background: url(http://www.imoderndesign.com/IMG/arrows.gif) no-repeat left 10px;
	padding: 5px 0 5px 10px;
}

.frame1 {
	background: #EAEAEA;
	border: 1px solid #D6D6D6;
	padding: 10px;
}

.frame1 div {
	border: 2px solid #FFF;
}

/* -------- DROP DOWN PANEL -------- */

.ddpanel .ddpanelcontent { /*CSS for "content" DIV of Drop Down Panel*/
	color: #FFF;
	background: black; /*background of Drop Down Panel*/
	/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
	margin-right: 0;
}

.ddpanel .ddpaneltab a { /*"toggle" tab related CSS*/
	float: right;
	color: white;
	background: black url(http://www.imoderndesign.com/IMG/toggleleft.gif) no-repeat left bottom; /*background of toggle tab*/
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 9px;
}

.ddpanel .ddpaneltab a span { /*"toggle" tab related CSS*/
	float: left;
	display: block;
	background: transparent url(http://www.imoderndesign.com/IMG/toggleright.gif) no-repeat right bottom;
	padding: 1px 12px 4px 13px;
	cursor: pointer;
}

.ddpanel .ddpaneltab a span img.pointerimage { /*CSS for pointer image within toggle tab*/
	margin-top: 2px;
	margin-left: 5px;
}

.ddpanel .ddpaneltab a:hover { /*"toggle" tab related CSS*/
	background-color: #000; /*background of toggle tab onMouseover*/
	color: #FF0;
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus { /*"toggle" tab related CSS*/
	outline: 0;
}

.ddpanel .ddpaneltab a:hover span { /*"toggle" tab related CSS*/
	background-color: transparent;
}


/* -------- ROTOHOG PHOTO SCROLLER -------- */

div.showcase ul.sc {
	list-style: none;
	height: 20px;
	line-height: 20px;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
	text-align: center;
	border-bottom: 1px solid #dedede;
}

div.showcase ul.sc_twoline {
	height: 40px;
	padding: 0 10px 10px 0;
}

div.showcase ul.sc li {
	display: inline;
	padding: 0 12px;
}

div.showcase ul.sc li a:link, div.showcase ul.sc li a:visited {
	padding: 5px 8px;
	color: #808281;
}

div.showcase ul.sc li.active a:link, div.showcase ul.sc li.active a:visited {
	color: #222;
	font-weight: bold;
	background: #f1f1f1;
	-moz-border-radius: 2px;
}

div.showcase ul.sc li a:hover, div.showcase ul.sc li a:active {
	color: #222;
	text-decoration: none;
	background: #f1f1f1;
	-moz-border-radius: 2px;
}

div.showcase div.sccon {
	height: 340px;
	padding-bottom: 10px;
	text-align: center;
	position: relative;
}

div.showcase div.sccontall {
	height: 432px;
}

div.showcase div.sccon span {
	position: absolute;
	top: 25px;
	display: block;
	width: 50px;
	height: 50px;
}

div.showcase div.sccon span.scleft {
	left: -25px;
}

div.showcase div.sccon span.scright {
	right: -25px;
}

div.showcase div.sccontall span.scleft {
	left: -40px;
}

div.showcase div.sccontall span.scright {
	right: -40px;
}

div.showcase div.sccon span a:link, div.showcase div.sccon span a:visited {
	display: block;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
}

div.showcase div.sccon span.scleft a:link, div.showcase div.sccon span.scleft a:visited {
	background: url(http://www.imoderndesign.com/IMG/sc_left.png) left top no-repeat;
}

div.showcase div.sccon span.scright a:link, div.showcase div.sccon span.scright a:visited {
	background: url(http://www.imoderndesign.com/IMG/sc_right.png) left top no-repeat;
}

div.showcase div.sccon div.beltwrap {
	overflow: hidden;
	width: 840px;
	height: 340px;
	position: relative;
	margin: auto;
}

div.showcase div.sccontall div.beltwrap {
	height: 432px;
}

div.showcase div.sccon div.belt {
	width: 999999px;
	text-align: left;
	height: 340px;
}

div.showcase div.sccontall div.belt {
	height: 800px;
}

div.showcase div.sccon div.belt div.beltitem {
	height: 340px;
	width: 840px;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
}

div.showcase div.sccontall div.belt div.beltitem {
	height: 741px;
}

div.showcase div.sccon div.belt div.beltitem img {
	display: block;
	margin: auto;
}

div.showcase div.sccon div.belt div.beltitem div.beltitemdesc {
	text-align: left;
	padding: 10px 10px;
	position: absolute;
	top: 340px;
	left: 0;
	width: 820px;
	height: 60px;
	overflow: hidden;
	background: black;
	color: white;
}

div.showcase div.sccon div.belt div.beltitem div.beltitemdesc h3 {
	margin: 0 0 5px 0;
	font-size: 15px;
}

div.showcase div.sccon div.belt div.beltitem div.beltitemdesc p.meta {
	float: right;
	margin: 0;
}

/* -------- TABLE 1 -------- */

.table1Inbox {
	font-family: verdana,helvetica,arial,sans-serif;
	width: 100%;
	border: 1px solid #ccc;
	padding: 10px;
}

.table1Inbox .table1Header {
	border-bottom: 1px solid #C2C2C2;
	font-family: helvetica, arial,sans-serif;
	font-size: 11px;
	padding: 2px;
	font-weight: bold;
}

.table1Inbox .last {
	border-bottom:1px solid #D6D6D6;
}

.table1Inbox table tr td, .table1Inbox table thead tr th {
	padding: 2px 7px;
}

.table1Inbox table thead th {
	background-color: #D6D6D6;
	text-align: left;	
}

.table1Inbox table {
	border-collapse: separate;
	border-spacing: 1px;
	width:100%;
}

.table1Inbox th {
	background-color: #D6D6D6;
	border-bottom: 1px solid #C2C2C2;
	text-align: center;
}

.table1Inbox th, .table1Inbox td {
	font-size: 10px;
	padding: 3px 6px;
}

.table1Inbox table .last td {
	border-bottom:1px solid #D6D6D6;
}

.table1Inbox th, .table1Inbox td {
	font-size: 10px;
	padding: 3px 6px 3px 6px;
}

.topBorder td {
	border-top: none;	
}

.table2Inbox td {
	padding: 10px;
	background-color: #f3f3f3;	
	border-bottom: 1px solid #FFF;
	*width: 100%; /*Fix for IE7 */
}

/* -------- TABLE SHOWCASE -------- */

.showcaseInboxFist {
	width: 137px;
	border-right: 1px solid #dadada;
	padding-right: 7px;	
}

.showcaseInboxSec {
	width: 130px;	
}

.showcase li {
	font-size: 11px;
}

.showcase li, .showcase li a, .prodListInbox .prodList p {
	font-size: 9px;
}

.showcase .showcaseTitle, .prodListInbox .prodList div {
	font-weight: bold;
	border-bottom: 1px dotted #dadada;
	padding-bottom: 3px;
	margin-bottom: 3px;
}

.showcase .showcaseTitle span {
	font-weight: normal;
	color: #F90;
}

.showcase p {
	margin: 4px 0 4px 0;
}

.showcase li a {
	font-size: 9px;
}

.prodListInbox {
	padding-top: 10px;
}

.prodListInbox ul li.first {
	border-top: 0;
}

.prodListInbox ul li.last {
	border-bottom: 0;
}

.prodListInbox ul {
	padding: 1px;	
}

.prodListInbox ul li {
	background-color: #FFFFFF;
	border-bottom: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
	clear: both;
	overflow: hidden;
	padding: 7px;
}

.prodListInbox ul li.even {
	background-color: #E9E9E9;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}

.prodListInbox .prodList {
	margin-left: 105px;	
	font-size: 10px;
}

/* -------- TABLE 3 -------- */


#table3 {
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #666;
}

#table3 .tableInfo td {
	height: 18px;
	border-right: 1px solid #b9b8b8;
	background: #D6D6D6;
	color: #000;
	font-weight: bold;
	padding-bottom: 2px;
}

#table3 .tableInfo .tableSubStyle {
	background: #EAEAEA;
	border-right: 1px solid #b9b8b8;
	border-top: 1 px solid #b9b8b8;
	text-align: center;
	border-bottom: 1px solid #b9b8b8;
}

#table3 .subheadTall {
	background: #EAEAEA;
	border-bottom: 1px solid #b9b8b8;
}

#table3 .tableTopStyle {
	border-bottom: 1px solid #b9b8b8;	
}

#table3 .tableInfo .tablePad {
	padding-left:6px;
	border-bottom: 1px solid #b9b8b8;
}

#table3 .tableInfo .tablePad span {
	margin-right: 3px;
}

#table3 tr.rowOdd td {
	color: #555555;
	height: 26px;
	padding: 0 0 2px 6px;
}

#table3 tr.rowEven td {
	background-color:#EFF2F4;
	border-bottom:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	color:#555555;
	height:26px;
	padding:0 0 2px 6px;
}

#table3 .rowOdd .lastOdd {
	background-color: #EAEFF5;
}

#table3 .rowEven .lastEven {
	border-bottom: 1px solid #DDDDDD;
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #DCE4EB;
	padding-left: 6px;
}

/* -------- GOOGLE TRANSLATION -------- */

#googleTranslation {
	padding: 5px;
	background-color: #fff;
	margin: 5px 5px 0 0;
	display: block;
}

#googleTranslation select {
	border:1px solid #ccc;
	font-size:11px;	
	padding: 1px;
}
.goog-te-gadget {
	color:#666666;
	font-size:9px;
	white-space: nowrap;
}
.goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active {
	font-size:9px;
	color:#666666;
	font-weight:normal;
	text-decoration:none;
}

/* -------- SLIDER -------- */

.slider .bar {
	font-size: 11px;
	background: url(http://www.imoderndesign.com/IMG/slider_barBg.png) repeat;
	width: 300px;
	height: 30px;
	float: left;
	margin: 20px 0 0 10px;
	display: inline;
	position: relative;
	display: block;
}

.slider .bar:first-child, .first {
	margin-left: 0;
}

.slider .bar span {
	position: absolute;
	top: 0;
	width: 300px;
	overflow: hidden;
	display: block;
}

.slider .bar span a {
	top: 0;
	left: 0;
}

.slider .bar a {
	background: url(http://www.imoderndesign.com/IMG/slider_barArrow.png) no-repeat right center;
	float: left;
	font-weight: bold;
	width: 275px;
	position: absolute;
	top: 6px;
	left: 10px;
	color: #fff;
	text-decoration: none;
}

.slider .bar a:hover {
	color: #9C0;
}

.slider .bar img {
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 125px;
}

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

fieldset.accountForm dl {
	padding: 10px 27px 10px 27px;
	color: #000;
}

fieldset.accountForm dt {
	clear: left;
	display: block;
	float: left;
	font-weight: normal;
	width: 95px;
}

fieldset.accountForm label {
	float: right;	
	padding-right: 5px;
}

fieldset.accountForm input.textfield, fieldset.accountForm textarea, fieldset.accountForm select {
	border: 1px solid #dadada;
	color: #000;
	padding: 5px;
	margin-bottom: 5px;
	width: 268px;
	font-size: 12px;
}

fieldset.accountForm input.textfield:hover, fieldset.accountForm textarea:hover, fieldset.accountForm select:hover {
	background-color:#ffffe2;
}

fieldset.accountForm h2, fieldset.accountForm h3, fieldset.accountForm h4 {
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-weight: normal;
}

fieldset.accountForm h2 {
	font-size: 10px;
	color: #666;
	margin-bottom: 8px;
}

fieldset.accountForm h2 a:hover {
	background-color: #FFC;
}

fieldset.accountForm h3 {
	font-size: 9px;
	color:#F00;
	margin-bottom: 4px;
	text-align: right;
}

fieldset.accountForm h4 {
	padding-left: 20px;
	margin-top: 5px;
	font-size: 8px;
	color: #666;
}

fieldset.accountForm sup {
	color: #F00;
}

.contactHeader {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

.companyInfo {
	color: #000;
	margin-bottom: 20px;
}

.contactForm legend {
	color: #FF0000;
	font-size: 9px;
	padding: 0 0 10px 85px;
}

.contactForm label, .loginForm label {
	width: 80px;
	color: #000;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}

.contactForm p, .loginForm p {
	padding-bottom: 10px;
}

.contactForm sup, .loginForm sup {
	color: red;
}

.contactForm input, .loginForm input {
	padding: 5px;
	width: 300px;
}

.contactForm .contactReason {
	padding-left: 85px;
}

.contactForm .submitInbox input, .loginForm input {
	margin-left: 80px;
	border: none;
}