@charset "utf-8";

body { background:url(../images/bg.png) repeat-x top #011341; margin:0px; }

div.spacer { height:14px; }
div.spacer7px { height:7px; }
		
/* DROPDOWN UI ELEMENT */
td.dropdown { width:180px; color:#006600; font-size:12px; font-family: Segoe UI, Myriad Pro, Arial; font-weight:bold; }
div.dropdownContainer { padding:0px; position:relative; }
div.dropdownContainer td { padding:2px; }
div.dropdownFirstItem { width:180px; cursor:pointer; border:1px solid #eaeaea; padding:2px; background-color:#ffffff;}
div.dropdownOptions { width:180px; position:absolute; top:22px; left:0px; visibility:hidden; border-left:1px solid #eaeaea; border-bottom:1px solid #eaeaea; padding:2px; background-color:#ffffff;}
table.dropdownOption { cursor:pointer; color:#bbbbbb; }
table.dropdownOptionSelected { cursor:pointer; background-color:#a0c3f6; color:#ffffff; }
img.dropdownFirstIcon { padding-right:7px; }
img.dropdownOptionIcon { padding-right:7px; padding-top:2px; padding-bottom:2px; }

/* ADMINPANEL */
div.adminpanel { width:850px; overflow:hidden; background:#2956B2; margin-left:auto; margin-right:auto; font-family: Segoe UI, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; } 
div.adminpanel a { color:#fff; text-decoration:none; }
div.adminpanel a:hover { color:#679ef1; }

/* BLUE SQUARE */
div.blueBG { z-index:0; width:850px; overflow:hidden; background:url(../images/bg_blue_bubble.gif) top right no-repeat #679ef1; margin-left:auto; margin-right:auto; }
div.blueBG span.largeCoolFont { font: normal 160% "Trebuchet MS", Arial, Helvetica; letter-spacing: -1px; color:#ffffff; }
div.blueBG span.white { font-family: Segoe UI, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; }
div.blueBG span.white a { color:#fff; }
div.blueBG span.white a:hover { text-decoration:none; }
#contentTableWrapper {z-index:0}

/* WHITE SQUARE */
div.whiteBG { width:850px; background-color:#ffffff; margin-left:auto; margin-right:auto; }
div.whiteBG span.largeCoolFont { font: normal 160% "Trebuchet MS", Arial, Helvetica; letter-spacing: -1px; color:#234ca9; }
div.whiteBG span.blue { font-family: Segoe UI, Arial, Helvetica, sans-serif; font-size:12px; color:#234ca9; }
div.whiteBG span.green { font-family: Segoe UI, Arial, Helvetica, sans-serif; font-size:12px; color:#1a5e1e; }
div.whiteBG span.green a { color:#1a5e1e; }
div.whiteBG span.green a:hover { text-decoration:none;}

/* SUBMIT BUTTON */
div.inactiveButtonBlueLeft { height:23px; width:10px; background:url(../images/button_blue_inactive_left.png); float:right; cursor:pointer; }
div.inactiveButtonBlueMiddle { height:23px; background:url(../images/button_blue_inactive_middle.png) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; float:right; padding-left:14px; padding-right:14px; padding-top:4px; color:#fff; cursor:pointer; }
div.inactiveButtonBlueRight { height:23px; width:23px; background:url(../images/button_blue_inactive_right.png); float:right; cursor:pointer; }
div.activeButtonBlueLeft { background:url(../images/button_blue_active_left.png); }
div.activeButtonBlueMiddle { background:url(../images/button_blue_active_middle.png) repeat-x; color:#234ca9; }
div.activeButtonBlueRight { background:url(../images/button_blue_active_right.png); }

/* SUBMIT BUTTON WHITE BG*/
div.inactiveButtonWhiteLeft { height:23px; width:10px; background:url(../images/button_white_inactive_left.png); float:right; cursor:pointer; }
div.inactiveButtonWhiteMiddle { height:23px; background:url(../images/button_white_inactive_middl.png) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; float:right; padding-left:14px; padding-right:14px; padding-top:4px; color:#fff; cursor:pointer; }
div.inactiveButtonWhiteRight { height:23px; width:23px; background:url(../images/button_white_inactive_right.png) no-repeat; float:right; cursor:pointer; }
div.activeButtonWhiteLeft { background:url(../images/button_white_active_left.png); }
div.activeButtonWhiteMiddle { background:url(../images/button_white_active_middle.png) repeat-x; color:#234ca9; }
div.activeButtonWhiteRight { background:url(../images/button_white_active_right.png) no-repeat; }

/* LOGINPANEL */
div.loginpanel { position:relative; width:850px; margin-left:auto; margin-right:auto; font-family: Segoe UI, Arial, Helvetica, sans-serif; font-size:11px; color:#679EF1; font-weight:bold; }
div.loginpanel a { text-decoration:none; color:#679EF1; }
div.loginpanel a:hover { color:#fff; }

/* LOGIN */
td.inactiveButtonLoginLeft { height:22px; width:5px; background:url(../images/submit_inactive_left.png); cursor:pointer; }
td.inactiveButtonLoginMiddle { height:22px; background:url(../images/submit_inactive_middle.png) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; padding-left:7px; padding-right:7px; color:#234CA9; cursor:pointer; }
td.inactiveButtonLoginRight { height:22px; width:5px; background:url(../images/submit_inactive_right.png); cursor:pointer; }
td.activeButtonLoginLeft { background:url(../images/submit_active_left.png); }
td.activeButtonLoginMiddle { background:url(../images/submit_active_middle.png) repeat-x; }
td.activeButtonLoginRight { background:url(../images/submit_active_right.png); }	

/* FOOTERPANEL */
div.footerpanel { width:850px; background-color:#000000; background:url(../images/bottom-lawn-border.png) #000000 bottom no-repeat; margin-left:auto; margin-right:auto; color:#608C3E; font-size:12px; font-family: Segoe UI, Myriad Pro, Arial; }
div.footerpanel a { color:#608C3E; }
div.footerpanel a:hover { text-decoration:none; }

/* ERRORDISPLAY */
div.errordisplay { width:inherit; background-color:#f1f0b8; border:1px solid #ad0000; padding:16px; margin-top:7px; margin-bottom:7px; }
div.errordisplay td { color:#ad0000; font-family: Segoe UI, Arial, Helvetica, sans-serif; font-size:12px; line-height:140%; }

/* SUCCESSDISPLAY */
div.successdisplay {width:inherit; background-color:#b5e6bd; border:1px solid #1f6130; padding:16px; margin-top:7px; margin-bottom:7px; }
div.successdisplay td { color:#1f6130; font-family: Segoe UI,  Arial, Helvetica; font-size: 11px; line-height:140%; }

/** AJAX INTERFACE **/
#ajaxoverlay { position:absolute; top:0px; left:0px; width:100%; height:0px; background-color:#000; z-index:15000; visibility:hidden; }
#ajaxloader { position:absolute; top:220px; z-index:17500; visibility:hidden; }
#ajaxloaderimg { z-index:17500; padding:21px; background-color:#000000; border:1px solid #679ef1; }
#ajaxinterfacecontainer { position:absolute; width:100%; top:90px; z-index:20000; margin:auto; visibility:hidden; }
#ajaxinterfacecontainer div.draghandler { height:22px; cursor:move; }
#ajaxinterfacecontainer img.closeicon { cursor:pointer; }
#draggable { position:relative; margin-bottom:28px; }
#draggable td.main { padding:7px; padding-top:0px; background:#000000; } 
#ajaxinterface { visibility:hidden; position:relative; padding:7px; padding-right:57px; border:1px solid #A0C7F8; color:#ffffff; background:url(../images/bg_blue_smallbubble.gif) top right no-repeat #679ef1; font-weight:normal; font-family: Segoe UI, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; }
#ajaxinterface a { color:#fff; }
#ajaxinterface a:hover { text-decoration:none; }
#ajaxinterface span.largeCoolFont { font: normal 200% "Trebuchet MS", Arial, Helvetica; letter-spacing: -1px; color:#ffffff; }

/** FILE UPLOAD BUTTON **/
.SI-FILES-STYLIZED label.cabinet { width: 79px; height: 22px; background: url(../images/file-button.gif) 0 0 no-repeat; display: block; overflow: hidden; cursor: pointer; }
.SI-FILES-STYLIZED label.cabinet input.file { cursor: pointer; position: relative; height: 100%; width: auto; opacity: 0; -moz-opacity: 0;}

/** ADDRESSBOOK **/
div.imgreen { background-color:#b1c8eb; border: 1px solid #2956B2; }
div.imblue { background-color:#679EF1; border: 1px solid #2956B2; }
div.im { width:47px; height:47px; border:1px solid #679EF1; float:left; margin-right:7px; margin-bottom:7px; cursor:pointer; }

div.abentry { cursor:pointer; padding:7px; font-weight:normal; font-size:11px; font-family: Segoe UI, Myriad Pro, Arial; border-bottom:1px solid #dedede; }
div.abentrywhite { background-color:#fff; }
div.abentryblue { background-color:#deebff; }
div.abentryhover { background-color:#679EF1; color:#fff; }

/** FEATURES AND SIGNUP **/
table.features { font-size:12px; font-family: Segoe UI, Myriad Pro, Arial; }
table.features tr.header { font: normal 18px "Trebuchet MS", Arial, Helvetica; letter-spacing: -1px; height:32px; color:#ffffff; }
table.features tr.uneven { height:28px; color:#006600; background: #DCF9DC}
table.features tr.even { height:28px; color:#006600; background:#ffffff; }
table.features option.creditoption { font-family: Segoe UI, Arial, Helvetica, sans-serif; font-size:12px; color:#234ca9; }

/** FORMS **/
table.blueform td.label { color:#fff; font-size:12px; font-family: Segoe UI, Myriad Pro, Arial; font-weight:bold; }
table.blueform div.inputborder { padding:2px; border:1px solid #469a46; color:#006600; background-color:#ffffff; }
table.blueform input, select, option, textarea { padding:0px; border:1px solid #ffffff; color:#006600; background-color:#ffffff; width:140px; font-size:12px; font-family: Segoe UI, Myriad Pro, Arial; font-weight:bold; }
table.billingdetails { font-size:12px; font-family: Segoe UI, Myriad Pro, Arial; }