/**************************
RESET STYLES
***************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { border: 0; margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
header, nav, article, section, aside, details, figcaption, figure, footer, hgroup, menu { display: block; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol, li { margin: 0; list-style:none; list-style-image: none; }

form input.important{ display: none; }
input, select { vertical-align: middle; }
select, input, textarea, button { margin: 0; /* font:99% sans-serif; */ }
textarea { overflow: auto; font-family: Helvetica, Arial; padding: 4px; font-size: 14px; }
input.disabled{ background: #EEE; color: #999 !important; }
/*
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
*/
.ie7 input[type="checkbox"] { vertical-align: baseline; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

/* COMMON */
html, body{ background: url(/_/og/images/bgSite.jpg); font-size: 14px; font-family: Georgia; color: #333; line-height: 20px; }
a{ text-decoration: none; }
div.clear{ clear: both; }
div.littleSpace{ clear: both; padding-bottom: 5px; }
div.space{ clear: both; padding-bottom: 20px; }

/* HEADER */
header{ background: url(/_/og/images/bgHeader.jpg) repeat-x #222; color: #777; font-size: 12px; }
header .wrap{ width: 900px; margin: auto; }
header .wrap a#logo{ float: left; width: 300px; height: 60px; margin: 10px 0 0 0; text-indent: -9999px; background: url(/_/og/images/logo.gif) no-repeat; }
header .wrap div#login{ float: right; font-family: Helvetica, Arial; text-align: center; width: 300px; margin-top: 23px; line-height: 25px; }
header .wrap div#login a{ color: #31ABD4; }
header .wrap div#login a#loginButton{ display: inline-block; background: url(/_/og/images/btnLogin.png) no-repeat; width: 75px; height: 24px; text-indent: -9999px; }
header .wrap div#login a#loginButton:hover{ background-position: bottom; }
header .wrap div#logedin{ float: right; font-family: Helvetica, Arial; width: 290px; margin-top: 25px; line-height: 20px; }
header .wrap div#logedin b{ color: #EEE; font-weight: bold; margin-left: 3px; }
header .wrap div#logedin a#btnLogout{ display: inline-block; background: url(/_/og/images/btnLogout.png) no-repeat; width: 44px; height: 18px; text-indent: -9999px; line-height: 18px; }
header .wrap div#logedin a#btnLogout:hover{ background-position: bottom; }
header .wrap div#logedin a#btnSettings{ display: inline-block; background: url(/_/og/images/btnSettings.png) no-repeat; width: 70px; height: 18px; text-indent: -9999px; line-height: 18px; }
header .wrap div#logedin a#btnSettings:hover{ background-position: bottom; }
header .wrap div.slogan{ font-family: Helvetica, Arial; padding: 0 0 2px 5px; }
#headerShadow{ display: block; background: url(/_/og/images/bgHeaderShadow.png) repeat-x; height: 10px; }

/* CONTENT */
#main{ width: 900px; margin: 20px auto; }
#main section{ clear: both; margin-bottom: 20px; }

#main .content{ width: 560px; float: left; }
#main .contentInt{ width: 560px; float: left; background: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#main .content .wrapper,
#main .contentInt .wrapper{ padding: 10px; }
#main .sidebar{ width: 300px; float: right; }

/* ACTION BUTTONS */
div.buttonWrapper{ clear: both; padding-top: 10px; text-align: center; }

a.btnSelect{ display: inline-block; background: url(/_/og/images/btnSelect.png) no-repeat; width: 76px; height: 24px; text-indent: -9999px; }
a.btnSelect:hover{ background-position: bottom; }
a.btnContinue{ display: inline-block; background: url(/_/og/images/btnContinue.png) no-repeat; width: 90px; height: 28px; text-indent: -9999px; }
a.btnContinue:hover{ background-position: bottom; }
a.btnContinueB{ display: inline-block; background: url(/_/og/images/btnContinueB.png) no-repeat; width: 67px; height: 24px; text-indent: -9999px; }
a.btnContinueB:hover{ background-position: bottom; }
a.btnChange{ display: inline-block; background: url(/_/og/images/btnChange.png) no-repeat; width: 53px; height: 24px; text-indent: -9999px; }
a.btnChange:hover{ background-position: bottom; }
a.btnChangeFilters{ display: inline-block; background: url(/_/og/images/btnChangeFilters.png) no-repeat; width: 82px; height: 28px; text-indent: -9999px; }
a.btnChangeFilters:hover{ background-position: bottom; }
a.btnFinish{ display: inline-block; background: url(/_/og/images/btnFinish.png) no-repeat; width: 90px; height: 28px; text-indent: -9999px; }
a.btnFinish:hover{ background-position: bottom; }
a.btnJump{ display: inline-block; background: url(/_/og/images/btnJump.png) no-repeat; width: 90px; height: 28px; text-indent: -9999px; }
a.btnJump:hover{ background-position: bottom; }

a.btnSeeChat{ display: inline-block; background: url(/_/og/images/btnSeeChat.png) no-repeat; width: 110px; height: 24px; text-indent: -9999px; }
a.btnSeeChat:hover{ background-position: bottom; }
a.btnReply{ display: inline-block; background: url(/_/og/images/btnReply.png) no-repeat; width: 63px; height: 24px; text-indent: -9999px; }
a.btnReply:hover{ background-position: bottom; }

a.btnCancel{ display: inline-block; background: url(/_/og/images/btnCancel.png) no-repeat; width: 55px; height: 24px; text-indent: -9999px; }
a.btnCancel:hover{ background-position: bottom; }
a.btnReprogram{ display: inline-block; background: url(/_/og/images/btnReprogram.png) no-repeat; width: 74px; height: 24px; text-indent: -9999px; }
a.btnReprogram:hover{ background-position: bottom; }

button.btnContinue{ display: inline-block; background: url(/_/og/images/btnContinue.png) no-repeat; border: none; cursor: pointer; width: 90px; height: 28px; text-indent: -9999px; }
button.btnContinue:hover{ background-position: bottom; }
button.btnSend{ display: inline-block; background: url(/_/og/images/btnSend.png) no-repeat; border: none; cursor: pointer; width: 90px; height: 28px; text-indent: -9999px; }
button.btnSend:hover{ background-position: bottom; }

ul.upgrades{ margin-bottom: 40px; }
ul.upgrades li a{ display: block; padding: 2px 0 2px 17px; }
ul.upgrades li a.delivery{ background: url(/_/images/upgDelivery.gif) no-repeat 0 8px; }
ul.upgrades li a.polls{ background: url(/_/images/upgPolls.gif) no-repeat 0 8px; }
ul.upgrades li a.comments{ background: url(/_/images/upgComments.gif) no-repeat 0 8px; }
ul.upgrades li a.alert{ background: url(/_/images/upgAlert.gif) no-repeat 0 8px; }

ul.simpleList li{ color: #555; font-size: 12px; padding: 0 0 10px 12px; line-height: 18px; background: url(/_/images/upgArrow.gif) no-repeat 0 4px; }
ul.simpleList li em{ font-weight: bold; font-style: normal; }

ul.specialList li{ color: #000; font-size: 12px; padding: 0 0 10px 12px; line-height: 18px; background: url(/_/images/upgArrow2.gif) no-repeat 0 4px; }
ul.specialList li strong{ font-size: 18px; }
ul.specialList li a{ background: #070; color: #FFF; padding: 1px 3px; font-size: 11px; }
ul.specialList li b{ background: #D60; color: #FFF; padding: 1px 3px; font-size: 11px; }

/* NAVIGATION */
nav{ margin-bottom: 40px; }
#usrNav{ width: 850px; }
#adminNav{ width: 850px; display: none; }
#navSwitch{ padding: 2px; float: right; width: 18px; height: 18px; }

a.btnMenu{ background: url(/_/og/images/btnNavMenuB.png) no-repeat top right; display: block; float: left; height: 28px; padding-right: 10px; margin-right: 5px; font-family: Helvetica, Arial; font-size: 12px; color: #FFF; }
a.btnMenu span{ background: url(/_/og/images/btnNavMenu.png) no-repeat top left; float: left; padding: 7px 0 7px 10px; line-height: 14px; }

a.btnMenu:hover{ color: #FFF; background-position: bottom right; outline: none; }
a.btnMenu:hover span{ background-position: bottom left; }
a.btnMenu.active{ background-position: bottom right; outline: none; }
a.btnMenu.active span{ background-position: bottom left; }

a.btnAdminMenu{ background: transparent url(/_/images/btnAdminMenuB.png) no-repeat scroll top right; font-family: Helvetica, Arial; font-size: 11px; color: #FFF; display: block; float: left; height: 24px; margin-right: 12px; padding-right: 10px; }
a.btnAdminMenu span{ background: transparent url(/_/images/btnAdminMenuA.png) no-repeat; display: block; line-height: 10px; padding: 6px 0 8px 10px; }
a.btnAdminMenu:hover{ color: #FFF; background-position: bottom right; outline: none; }
a.btnAdminMenu:hover span{ background-position: bottom left; }
a.btnAdminMenu.active{ background-position: bottom right; outline: none; }
a.btnAdminMenu.active span{ background-position: bottom left; }

/* STYLES */
h1{ padding-bottom: 10px; font-size: 22px; line-height: normal; color: #2B96B9; }
h1.admin{ color: #00B106; }
h2{ padding-bottom: 10px; font-size: 19px; line-height: normal; color: #444; }
h3{ padding-bottom: 5px; font-size: 17px; line-height: normal; color: #005D93; }
h3.inline{ color: #070; display: inline; }
.ie7 h1, .ie7 h2, .ie7 h3{ font-weight: normal; }
p{ color: #555; line-height: 22px; }
a{ color: #005D93; }
a:hover{ color: #31ABD4; }

span.status{ font-family: Helvetica, Arial; font-size: 11px; padding: 2px 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #FFF; background: #2B96B9; }

div.msgAttention{ background: url(/_/images/msgAttention.png) #FCECA5; border: 1px solid #D8CC97; padding: 5px 10px; margin-bottom: 10px; }
div.msgAttention a{ color: #856F16; }
div.msgAttention a:hover{ color: #AE973D; }

	/* HOME */
	em.telephone{ display: block; text-align: center; font-family: Helvetica, Arial; font-size: 40px; color: #AAA; letter-spacing: -1px; line-height: normal; font-weight: lighter; }
	em.telephoneLabel{ display: block; text-align: center; font-family: Helvetica, Arial; color: #AAA; font-weight: lighter; }
	.ie7 em{ font-style: normal; }

	div.reviewBalloon{ background: url(/_/og/images/reviewBalloonA.gif) no-repeat; color: #DDD; padding: 8px 15px 0 15px; font-style: italic; }
	div.reviewUsr{ background: url(/_/og/images/reviewBalloonB.gif) no-repeat top; padding: 23px 0 0 14px; margin-bottom: 20px; color: #04639f; font-size: 15px; }

	/* LOGIN */
	form#loginForm{ padding: 30px; }
	form#loginForm p{ margin-bottom: 20px; }
	form#loginForm label{ display: inline-block; width: 100px; }
	form#loginForm input{ padding: 4px 2px; margin-bottom: 5px; font-size: 14px; border: 1px solid #DDD; color: #222; width: 300px; }
	form#loginForm span.formError{ display: block; font-family: Helvetica, Arial; background: url(/_/images/formError.gif) no-repeat 0 1px; color: #CE644E; font-size: 12px; padding-left: 20px; margin: 0 0 10px 105px; }
	a#registerButton{ display: block; background: url(/_/og/images/btnRegister.png) no-repeat; width: 110px; height: 30px; text-indent: -9999px; margin: 15px 0 0 75px; }
	a#registerButton:hover{ background-position: bottom; }

	/* REGISTER */
	form#registerForm{ padding: 30px; }
	form#registerForm p{ margin-bottom: 20px; }
	form#registerForm label{ display: inline-block; width: 160px; }
	form#registerForm input{ padding: 4px 2px; margin-bottom: 5px; font-size: 14px; border: 1px solid #DDD; color: #222; width: 300px; }
	form#registerForm input[type="radio"],
	form#registerForm input[type="checkbox"]{ width: auto; }
	form#registerForm select{ padding: 4px 2px; margin-bottom: 5px; font-size: 14px; color: #222; }
	form#registerForm span.formNote{ display: block; color: #AAA; font-size: 12px; margin: 0 0 10px 165px; }
	form#registerForm span.formNote.ok{ color: #71A33E; }
	form#registerForm span.formNote.ko{ color: #CE644E; }
	form#registerForm span.formError{ display: block; font-family: Helvetica, Arial; background: url(/_/images/formError.gif) no-repeat 0 1px; color: #CE644E; font-size: 12px; padding-left: 20px; margin: 0 0 10px 165px; }

	/* DASHBOARD */
	div.dashboardItems{ background: url(/_/og/images/dashboardItems.png) no-repeat; float: left; width: 170px; height: 61px; padding-top: 30px; margin-left: 25px; color: #999; font-family: Helvetica, Arial; font-size: 40px; line-height: 33px; text-align: center; text-shadow: 0px 1px 0px #FFF; filter: dropshadow(color=#FFF, offx=0, offy=1); }
	div.dashboardItems span{ font-size: 30px; margin-right: 3px; }
	div.dashboardItems.i1{ margin-left: 0; }
	div.dashboardItems.i2{ background-position: -170px 0; }
	div.dashboardItems.i3{ background-position: -340px 0; }

	div.dashboardItems a{ color: #005D93; font-size: 60px; line-height: 50px; font-weight: bold; }
	div.dashboardItems a:hover{ color: #008FE1; }
	div.dashboardItems.i3 a{ color: #900; font-size: 50px; letter-spacing: -2px; }
	div.dashboardItems.i3 a:hover{ color: #C00; }
	div.dashboardItems.i3 a.positive{ color: #070; }
	div.dashboardItems.i3 a.positive:hover{ color: #0A0; }
	div.dashboardItems.i3 a span{ font-size: 20px; margin: 0; }

	div.dashboardDesc{ float: left; width: 170px; color: #999; text-align: center; font-size: 12px; margin: 5px 0 0 25px; }
	div.dashboardDesc.i1{ margin-left: 0; }

	div.dashboardNews{ padding: 10px 0 40px 15px; font-family: Helvetica, Arial; border-top: 1px solid #CCC; }
	div.dashboardNews h1{ color: #444; font-size: 20px; font-weight: bold; margin: 0 0 10px 0; padding: 0; }
	div.dashboardNews ul li{ padding: 8px 5px; border-bottom: 1px solid #CCC; border-top: 1px solid #FFF; }
	div.dashboardNews ul li.important{ background: url(/_/images/aviso.gif) no-repeat 1px 6px; }
	div.dashboardNews ul li.first{ border-top: none; }
	div.dashboardNews ul li.last{ border-bottom: none; }
	div.dashboardNews ul li.collapsable div.detail{ display: none; }
	div.dashboardNews ul li span.date{ color: #888; float: left; font-size: 10px; font-weight: bold; letter-spacing: -1px; width: 25px; margin-right: 5px; }
	div.dashboardNews ul li.important span.date{ color: #FFF; font-weight: normal; }
	div.dashboardNews ul li h2{ color: #000; font-size: 16px; float: left; width: 440px; padding: 0; }
	div.dashboardNews ul li a.openText{ float: right; font-size: 12px; }
	div.dashboardNews ul li a.externalLink{ background: url(/_/images/upgArrow.gif) no-repeat 0 2px; padding-left: 10px; }
	div.dashboardNews ul li div.onlyText{ padding-left: 30px; font-size: 13px; }
	div.dashboardNews ul li div.imgText{ float: left; padding-left: 30px; width: 320px; font-size: 13px; }
	div.dashboardNews ul li div.img{ float: right; width: 160px; }
	div.dashboardNews ul li div.img img{ width: 150px; /*padding: 2px; border: 1px solid #CCC; background: #FFF;*/ }
	div.dashboardNews ul li ul li{ padding: 0; border: none; }

	div.dashboardProfile{ padding: 10px 15px; margin-top: 20px; font-family: Helvetica, Arial; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
	div.dashboardProfile h1{ color: #222; font-size: 20px; font-weight: bold; margin: 0; padding: 0; }
	div.dashboardProfile h1 a{ font-size: 11px; font-weight: normal; }
	div.dashboardProfile p{ line-height: 20px; padding-left: 17px; }
	div.dashboardProfile p.user{ background: url(/_/og/images/dashboardIcons.png) no-repeat 0 5px; color: #888; margin-bottom: 5px; font-size: 13px; }
	div.dashboardProfile p.mails{ background: url(/_/og/images/dashboardIcons.png) no-repeat 0 -12px; margin-bottom: 5px; }
	div.dashboardProfile p.extra1{ background: url(/_/og/images/dashboardIcons.png) no-repeat 0 -35px; color: #888; }
	div.dashboardProfile p.extra2{ color: #888; font-size: 12px; }

	div.dashboardMsg{ padding: 10px 15px 10px 45px; margin-top: 20px; border: 1px solid #CCC; border-right-color: #AAA; }
	div.dashboardMsg.message{ background: url(/_/og/images/dashboardMessage.png) no-repeat 14px 13px #FFF; }
	div.dashboardMsg.budget{ background: url(/_/og/images/dashboardBudget.png) no-repeat 14px 13px #FFF; }
	div.dashboardMsg p.header{ font-family: Helvetica, Arial; font-size: 12px; margin-bottom: 5px; }
	div.dashboardMsg p.header b{ font-weight: bold; }
	div.dashboardMsg p.header time{ color: #AAA; font-size: 11px; float: right; }
	div.dashboardMsgActions{ background: #DDD; padding: 4px 0 5px 0; border-left: 1px solid #CCC; border-right: 1px solid #AAA; border-bottom: 1px solid #AAA; }
	div.dashboardMsgActions p{ float: right; margin-right: 4px; }
	div.dashboardMsgActions p a{ margin-left: 2px; }

	/* WORKS */
	ul.workItem{ color: #555; }
	ul.workItem li{ margin-bottom: 20px; }
	ul.workItem li div.header{ background: url(/_/images/workItemHeader.jpg) repeat-x #EEE; border: 1px solid #D7DDDE; border-bottom: none; }
	ul.workItem li div.header span{ float: left; color: #777; font-family: Helvetica, Arial; font-size: 12px; line-height: 12px; padding: 10px 9px 8px 9px; text-transform: uppercase; }
	ul.workItem li div.body{ background: url(/_/images/ListShadow.png) repeat-x #edf4f6; padding: 10px 8px; border: 1px solid #C8D3DE; border-top: none; }
	ul.workItem li div.body img{ float: left; width: 140px; background: #FFF; padding: 2px; border: 1px solid #CCC; }
	ul.workItem li div.body div.data{ float: right; width: 385px; }
	ul.workItem li div.body div.data span{ color: #959ea6; font-family: Helvetica, Arial; font-size: 9px; text-transform: uppercase; }
	ul.workItem li div.body div.data span b{ display: inline-block; background: url(/_/images/workProgressBar.jpg) no-repeat; width: 80px; height: 11px; line-height: 12px; text-indent: -9999px; }
	ul.workItem li div.body div.data span b.s2{ background-position: 0 -11px; }
	ul.workItem li div.body div.data span b.s3{ background-position: 0 -22px; }
	ul.workItem li div.body div.data span b.s4{ background-position: 0 -33px; }
	ul.workItem li div.body div.data span b.s5{ background-position: 0 -44px; }
	ul.workItem li div.body div.data span b.ready{ background-position: 0 -55px; }
	ul.workItem li div.body div.data span b.standby{ background-position: 0 -66px; }
	ul.workItem li div.body div.data p{ clear: both; border-top: 1px solid #C8D3DE; }
	ul.workItem li div.body div.data p.features{ color: #87BBC9; padding: 0 10px; border-top: 0; }

	ul.actionButtons{ float: right; padding: 0 2px; }
	ul.actionButtons li{ float: left; position: relative; height: 28px; padding: 1px 0; margin: 0; }
	ul.actionButtons li span{ position: absolute; background: url(/_/og/images/newAlert.png) no-repeat; width: 15px; height: 15px; top: -4px; left: 15px; padding: 0 !important; margin: 0; text-indent: -9999px; }
	ul.actionButtons li a{ float: left; width: 28px; height: 28px; text-indent: -9999px; }
	ul.actionButtons li a.delete{ background: url(/_/images/actionBar/optDelete.png) no-repeat top; }
	ul.actionButtons li a.delete:hover{ background-position: bottom; }
	ul.actionButtons li a.comments{ background: url(/_/images/actionBar/optComments.png) no-repeat top; }
	ul.actionButtons li a.comments:hover{ background-position: bottom; }
	ul.actionButtons li a.lupe{ background: url(/_/images/actionBar/optLupe.png) no-repeat top; }
	ul.actionButtons li a.lupe:hover{ background-position: bottom; }
	ul.actionButtons li a.pencil{ background: url(/_/images/actionBar/optPencil.png) no-repeat top; }
	ul.actionButtons li a.pencil:hover{ background-position: bottom; }
	ul.actionButtons li a.tick{ background: url(/_/images/actionBar/optTick.png) no-repeat top; }
	ul.actionButtons li a.tick:hover{ background-position: bottom; }
	ul.actionButtons li a.clip{ background: url(/_/images/actionBar/optClip.png) no-repeat top; }
	ul.actionButtons li a.clip:hover{ background-position: bottom; }
	ul.actionButtons li a.truck{ background: url(/_/images/actionBar/optTruck.png) no-repeat top; }
	ul.actionButtons li a.truck:hover{ background-position: bottom; }
	ul.actionButtons li a.invoice{ background: url(/_/images/actionBar/optInvoice.png) no-repeat top; }
	ul.actionButtons li a.invoice:hover{ background-position: bottom; }

	div.comment{ background: url(/_/og/images/dashboardWork.png) no-repeat 15px 14px #FFF; padding: 10px 15px 10px 45px; margin-top: 20px; border: 1px solid #CCC; border-right-color: #AAA; border-bottom-color: #AAA; }
	div.comment.og{ background: url(/_/og/images/dashboardWork.png) no-repeat 15px 14px #edf4f6; padding: 10px 15px 10px 45px; margin-top: 20px; border: 1px solid #C8D3DE; border-right-color: #A3B8CC; border-bottom-color: #A3B8CC; }
	div.comment p.header{ font-family: Helvetica, Arial; font-size: 12px; margin-bottom: 5px; }
	div.comment p.header b{ font-weight: bold; color: #005D93; }
	div.comment p.header time{ color: #AAA; font-size: 11px; float: right; }
	div.comment.og p.header time{ color: #A3B8CC; }
	div.comment a.file{ background: url(/_/images/clipIcon.png) no-repeat 0 1px; padding-left: 18px; color: #6C93B8; }
	div.comment input{ padding: 4px 2px; margin-bottom: 5px; font-size: 12px; border: 1px solid #777; color: #222; width: 300px; }
	div.comment input[type="file"]{ border: none; width: auto; }
	div.comment textarea{ width: 490px; height: 100px; }

	/* DELIVERY */
	ul.deliveryList{ border-bottom: 1px solid #DDD; }
	ul.deliveryList li{ background: #FFF; border: 1px solid #DDD; border-bottom: none; }
	ul.deliveryList li a{ display: block; background: url(/_/og/images/dashboardCheck.png) no-repeat 15px 14px; padding: 10px 15px 10px 45px; color: #555; }
	ul.deliveryList li.active{ background: url(/_/images/ListShadow.png) repeat-x 0 -1px #FEF8DC; border: 1px solid #E8DEC2; border-bottom: none; }
	ul.deliveryList li.active a{ background: url(/_/og/images/dashboardCheckOn.png) no-repeat 15px 14px; }

	form.classicForm{ padding: 30px; color: #444; }
	form.classicForm p{ margin-bottom: 20px; }
	form.classicForm label{ display: inline-block; width: 160px; }
	form.classicForm input{ padding: 4px 2px; margin-bottom: 5px; font-size: 14px; border: 1px solid #DDD; color: #222; width: 300px; }
	form.classicForm input.price{ width: 100px; text-align: right; }
	form.classicForm input.cuit{ width: 120px; text-align: center; }
	form.classicForm input[type="radio"],
	form.classicForm input[type="checkbox"]{ width: auto; }
	form.classicForm select{ padding: 4px 2px; margin-bottom: 5px; font-size: 14px; color: #222; }
	form.classicForm textarea{ padding: 4px 2px; margin-bottom: 5px; font-size: 14px; border: 1px solid #DDD; color: #222; width: 300px; height: 100px; }
	form.classicForm span.formNote{ display: block; color: #AAA; font-size: 12px; margin: 0 0 10px 165px; }
	form.classicForm span.formError{ display: block; font-family: Helvetica, Arial; background: url(/_/images/formError.gif) no-repeat 0 1px; color: #CE644E; font-size: 12px; padding-left: 20px; margin: 0 0 10px 165px; }

	div.delivery{ background: url(/_/og/images/dashboardTime.png) no-repeat 15px 12px #FFF; padding: 10px 15px 10px 45px; border: 1px solid #CCC; border-right-color: #AAA; border-bottom-color: #AAA; }
	div.delivery p.header{ font-family: Helvetica, Arial; font-size: 12px; margin-bottom: 5px; }
	div.delivery p.header b{ font-weight: bold; color: #005D93; }
	div.delivery p.header time{ color: #AAA; font-size: 11px; float: right; }
	div.delivery div.status{ font-family: Helvetica, Arial; font-size: 12px; background: #F5F2DC; margin: 5px 0 15px 0; padding: 3px 5px; border: 1px solid #DEDACA; border-right-color: #CCC5A3; border-bottom-color: #CCC5A3; }
	div.delivery div.status.check{ background: #DCEDF5; border: 1px solid #C8D3DE; border-right-color: #A3B8CC; border-bottom-color: #A3B8CC; }
	div.delivery div.status.ok{ background: #E0F5DC; border: 1px solid #CDDECA; border-right-color: #AACCA3; border-bottom-color: #AACCA3; }
	div.delivery div.status b{ font-weight: bold; }
	div.delivery ul.workList{ color: #777; }
	div.delivery ul.workList li.item{ color: #888; background: url(/_/images/upgArrow.gif) no-repeat 8px 10px; padding: 5px 0 5px 20px; font-size: 12px; }

	span#sendPrice b{ font-weight: bold; }

	div.datepickerWrapper{ width: 300px; display: inline-block; }
	div.datepicker{ font-size: 10px; line-height: normal; }

	/* PRODUCTS */
	h1.wizard{ display: block; width: 560px; height: 52px; text-indent: -9999px; padding: 0; margin: 0; }
	h1.wizard.step1{ background: url(/_/og/images/wizStep1.jpg) no-repeat; }
	h1.wizard.step2{ background: url(/_/og/images/wizStep2.jpg) no-repeat; }
	h1.wizard.step3{ background: url(/_/og/images/wizStep3.jpg) no-repeat; }
	h1.wizard.step4{ background: url(/_/og/images/wizStep4.jpg) no-repeat; }

	ul.itemList li{ padding: 10px; border-bottom: 1px dotted #DDD; }
	ul.itemList li:hover{ background: #F5F5F5; }
	ul.itemList li.diff{ background: #DFEAED; }
	ul.itemList li.diff:hover{ background: #CCE5ED; }
	ul.itemList li span{ float: left; padding: 2px 0; width: 400px; margin-right: 35px; }
	ul.itemList li.diff span{ font-weight: bold; }

	div#filterSlide{ display: block; text-align: center; padding: 5px; border: 1px solid #EEE; }

	ul.filterList{ border: 1px solid #EEE; border-bottom: none; color: #888; background: #F9F9F9; }
	ul.filterList li{ padding: 10px; border-bottom: 1px solid #EEE; }
	ul.filterList li.active{ color: #333; background: url(/_/images/ListShadow.png) repeat-x #FEF8DC; border-bottom: 1px solid #E8DEC2; }
	ul.filterList li span{ float: left; padding: 3px 0; width: 140px; margin-right: 10px; }
	ul.filterList li div.result{ float: left; padding: 2px 0; width: 300px; margin-right: 10px; }
	ul.filterList li div.result p{ font-size: 12px; color: #888; }
	ul.filterList li div.result.noChange{ margin: 0; width: 360px; }
	ul.filterList li div.result.noOptions{ color: #CCC; }

	div.systemDiversion { background-image: url(/_/images/stickersDiversionDouble.png); background-repeat: no-repeat; background-position: center; height: 50px; }
	div.systemTitle{ background: #F5F5F5; border: 1px solid #EEE; border-bottom: none; padding: 5px 0; color: #BBB; text-align: center; }

	ul.systemHeader{ border: 1px solid #EEE; color: #888; background: #F9F9F9; height: 40px; font-weight: bold; }
	ul.systemHeader li{ float: left; width: 267px; text-align: center; padding: 10px 0; border-right: 1px solid #EEE; }
	ul.systemHeader li.last{ border: none; }

	ul.systemList{ color: #888; }
	ul.systemList li{ background: #F9F9F9; float: left; width: 267px; height: 200px; padding: 5px 0; border-left: 1px solid #EEE; border-bottom: 1px solid #EEE; text-align: center; }
	ul.systemList li.last{ border-right: 1px solid #EEE; width: 270px; }
	ul.systemList li div.prop { padding: 10px 0; }
	ul.systemList li div.prop input,
	ul.systemList li div.prop select { max-width: 130px; }
	ul.systemList li span.help { background: #888; color: #FFF; font-size: 10px; padding: 2px 3px; border-radius: 3px; }
	ul.systemList li span.help.active { cursor: help; }

	ul.systemPriceList{ color: #888; display: none; }
	ul.systemPriceList li{ background: #F5F5F5; float: left; width: 267px; padding: 0; border-left: 1px solid #EEE; border-bottom: 1px solid #EEE; text-align: center; font-size: 12px; }
	ul.systemPriceList li.last{ border-right: 1px solid #EEE; width: 270px; }
	ul.systemPriceList li span{ font-size: 20px; color: #555; display: block; border-bottom: 1px solid #EEE; padding: 10px 0; margin-bottom: 10px; }
	ul.systemPriceList li span.best{ background-color: #E6F9D4; color: #386B07; }
	ul.systemPriceList li a { margin: 10px 0 5px 0; }

	div.filterPrice { background: #F5F5F5; color: #888; border: 1px solid #EEE; margin-top: 20px; text-align: center; font-size: 12px; padding: 10px; }
	div.filterPrice span { font-size: 20px; color: #555; display: block; border-bottom: 1px solid #EEE; padding: 10px 0; margin-bottom: 10px; }

	div#noteWrapper{ margin-top: 10px; padding: 10px; border: 1px solid #DDD; }
	div#noteWrapper b{ font-weight: bold; }

	div#resultWrapper{ margin-top: 10px; }
	div#resultWrapper ul.resultList{ border: 1px solid #7F959B; border-bottom: none; }
	div#resultWrapper ul.resultList li{ border-bottom: 1px solid #7F959B; }
	div#resultWrapper ul.resultList li div.wrapper{ padding: 10px; }
	div#resultWrapper ul.resultList li p.features{ color: #87BBC9; padding: 0 10px; }

	div#resultWrapper ul.resultList li div.buy{ padding: 10px; background: url(/_/images/ListShadow.png) repeat-x #EDF4F6; }
	div#resultWrapper ul.resultList li div.buy div.item{ float: left; padding: 0 15px; font-size: 11px; color: #7F959B; }
	div#resultWrapper ul.resultList li div.buy div.item div{ display: block; font-size: 18px; color: #555; }
	div#resultWrapper ul.resultList li div.buy a{ float: right; margin-top: 18px; }

	div#budget{ padding: 10px; border: 1px solid #DDD; }
	div#budget p.features{ color: #87BBC9; padding: 0 10px; }
	div#budget p.note{ color: #777; padding: 3px; margin-top: 15px; font-size: 12px; line-height: 16px; }
	div#budget p.note b{ color: #FFF; background: #777; padding: 1px 3px; margin-top: 15px; font-size: 12px; line-height: 16px; }
	div#budget p.noteAlt{ color: #777; padding: 3px; margin-top: 15px; font-size: 12px; line-height: 16px; display: inline-block; border-bottom: 1px solid #900; }
	div#budget p.noteAlt a{ color: #B00; }
	div#budget textarea { width: 100%; height: 100px; }

	ul.budgetItems{ border: 1px solid #BBB; margin-top: 20px; }
	ul.budgetItems li{ padding: 10px; color: #005D93; }
	ul.budgetItems li span{ float: right; color: #777; width: 230px; text-align: right; }
	ul.budgetItems li.discountCode{ background: #F5F2DC; color: #555; border-top: 1px solid #DEDACA; }
	ul.budgetItems li.discountCode input{ float: right; width: 100px; text-align: center; }
	ul.budgetItems li.discountCodeMsg{ display: none; background: #F5F2DC; color: #555; padding: 0 10px 3px 10px; font-size: 12px; }
	ul.budgetItems li.discountCodeMsg.ko{ color: #900; }
	ul.budgetItems li.discountCodeMsg.ok{ color: #080; }
	ul.budgetItems li.total{ background: #DDD; color: #555; border-top: 1px solid #BBB; }
	ul.budgetItems li.total span{ font-size: 20px; color: #444; }

	a#buyButton{ display: inline-block; background: url(/_/og/images/btnBuy.png) no-repeat; width: 90px; height: 28px; text-indent: -9999px; }
	a#buyButton:hover{ background-position: bottom; }

	div.share{ width: 90px; float: right; padding: 10px 0 10px 10px; margin-left: 15px; border-left: 1px solid #EEE; }

	ul.uploaderList{ border: 1px solid #CCC; border-bottom: none; margin-top: 10px; color: #888; background: #F9F9F9; }
	ul.uploaderList li{ padding: 5px; border-bottom: 1px solid #CCC; }
	ul.uploaderList li i{ margin-left: 5px; color: #BBB; font-size: 12px; font-style: italic; }
	ul.uploaderList li div.progressbar{ background: url(/_/images/progressbar.png) no-repeat; margin-top: 3px; width: 200px; height: 12px; }
	ul.uploaderList li div.progressbar b{ display: block; background: url(/_/images/progressbar_bar.png) no-repeat; width: 0; height: 12px; }

	.fileUpload{ color: #555; }

	div#modal-overlay{ display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; background: #000 !important; opacity: 0.65; }
	div#modal-box{ display: none; background-color: #FFF; left: 10%; width: 80%; position: fixed; top: 10%; height: 80%; overflow: scroll; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
	div#modal-box .content { padding: 15px 20px; }
	div#modal-box .content em{ font-size: 22px; line-height: 24px; margin: 10px 0; display: block; }
	div#modal-box .content .list{ float: left; width: 30%; margin-right: 5%; }
	div#modal-box .content .list.last { margin-right: 0; }
	div#modal-box .content .list em { font-size: 18px; text-align: center; color: #555; border-bottom: 1px solid #DDD; }
	div#modal-box .content .list span.material { font-size: 14px; color: #555; }
	div#modal-box .content .list ul { margin: 0 0 20px 0; }
	div#modal-box .content .list ul li a { display: block; font-size: 12px; color: #178EB6; padding: 2px 5px; }
	div#modal-box .content .list ul li a input { vertical-align: baseline; }
	div#modal-box .content .list ul li a span { display: block; font-size: 10px; color: #999; }
	div#modal-box .content .list ul li a:hover { background-color: #EDF7FA; }

	/* PAYMENTS */
	table.classicList{ width: 100%; background: #FFF; border: 1px solid #CCC; border-right-color: #AAA; border-bottom-color: #AAA; }
	table.classicList thead{ background: url(/_/images/workItemHeader.jpg) repeat-x #EEE; color: #777; font-family: Helvetica, Arial; font-size: 11px; line-height: 12px; text-transform: uppercase; }
	table.classicList tfoot{ background: url(/_/images/workItemHeader.jpg) repeat-x #EEE; color: #777; font-family: Helvetica, Arial; font-size: 11px; line-height: 12px; text-transform: uppercase; }
	table.classicList td{ padding: 4px; }
	table.classicList thead td,
	table.classicList tfoot td{ padding: 8px 4px; }
	table.classicList tbody td{ border-bottom: 1px solid #CCC; }
	table.classicList td.number{ text-align: right; }
	table.classicList td.number.positive{ color: #060; }
	table.classicList td.number.negative{ color: #B00; }
	table.classicList tfoot td.total{ font-size: 15px; }

	/* MESSAGES */
	ul.messagesList li{ background: #FFF; padding: 10px 15px; margin-bottom: 10px; border: 1px solid #CCC; border-right-color: #AAA; border-bottom-color: #AAA; }
	ul.messagesList li span{ float: left; padding: 2px 0; width: 400px; margin-right: 35px; }


/* FOOTER */
footer{ background: url(/_/og/images/bgFooter.png) repeat-x #777; border-top: 1px solid #555; }
footer .wrap{ width: 900px; margin: auto; padding: 20px 0 30px 0; color: #999; font-family: Helvetica, Arial; font-size: 12px; line-height: 18px; }
footer .wrap a{ color: #DDD; }
footer .wrap a:hover{ color: #EEE; }
footer .wrap a.twitter{ padding-left: 17px; background: url(/_/images/twitterIcon.gif) no-repeat; }
footer .wrap a.afip{ float: left; margin-right: 15px; width: 70px; }
footer .wrap p{ color: #AAA; font-size: 13px; display: block; margin-bottom: 5px; }
footer .wrap p b{ background: #AAA; padding: 1px 4px 0 4px; margin-right: 5px; color: #666; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

/* EXTRAS */
.default-styles b { font-weight: bold; }