/* CSS File			*/
/* Version: 	01		*/
/* Created at: 	HBfx Studio	*/
/* Author: 	Eros Nicolau	*/

/* Tag redefines		*/
html, body { margin: 0px; padding: 0px; height: 100%; width: 100%; }
body { behavior:url("css/csshover.htc"); color: #0b0a7f; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
div { height: auto; }
form { margin: 0px; padding: 0px; }
a img { border: none 0px; }
td { vertical-align: top }
label { }
h1 { font-weight: normal; font-style: italic; color: #5858a8; }
/* Link styles			*/
a { color: #0B0A7F; }
a:hover { }
/* Holder styles		*/
.holder2 { width: 100%; }
.holder1 { text-align: center; margin-left: auto; margin-right: auto; width: 930px; }
.holder { text-align: left; margin: 0px; padding: 0px; border: none; *width:930;
}
/* Header styles		*/
.header .holder { background-image: url(../img/header_back.gif); background-repeat: no-repeat; background-position: 0px 0px; height: 118px; text-align: right; position: relative; }
.header .languages { position: absolute; left: 0px; top: 5px; }
/* Main area styles		*/
.area .holder { padding: 0px 20px 20px 20px; }
.l-col, .m-col, .r-col { float: left; }
.l-col { width: 280px; background-color: #d1d1d1; padding: 10px; }
.m-col { }
.r-col { width: 560px; padding-left: 30px; }
.l-col .image { height: auto; width: auto; }
.l-col .image a { display: block; margin: auto; text-align: center; }
/* Footer styles		*/
.footer .holder { background-image: url(../img/footer_back.gif); background-repeat: no-repeat; padding: 15px 0px 20px 0px; text-align: center; color: #5E5EF2; }
.footer .credits { }
/* Main Menu styles		*/
#menu { width: 100%; float: left; padding-top: 60px; font-size: 23px; position: relative; }
#menu .h1 { display: inline; }
#menu .h2 { font-size: 23px; }
#menu a { color: #0b0a7f; text-decoration: none; padding-left: 5px; padding-right: 5px; }
#menu a, #menu .h1 { display: block; margin: 0; line-height: 27px; height: 27px; }
#menu a:hover, #menu .h1:hover { background-color: #e2e2ff; text-decoration: underline; }
#menu ul { list-style: none; margin: 0; padding: 0; float: right; }
#menu li { white-space: nowrap; }
/*#menu ul ul li		{float: right;}*/
#menu ul ul li { background-color: #e2e2ff; text-align: left; }
#menu ul ul li:hover, #menu ul ul li:hover a { background-color: #f2f2ff; }
/*#menu ul ul			{position: absolute; z-index: 500; width: 930px; right: 0px; top: 80px; padding-top: 20px; padding-bottom: 30px;}*/
#menu ul ul { position: absolute; z-index: 500; top: 90px; padding-top: 0px; padding-bottom: 30px; }
#menu ul ul a { margin-bottom: 0px; padding-left: 4px; padding-right: 4px; }
#menu ul ul a, #menu ul ul .h2 { line-height: 20px; height: 20px; }
#menu ul ul ul { position: absolute; top: 0; left: 100%; }
div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul { display: none; }
div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul { display: block; }
/* Misc. styles			*/

.h1, h1, .h2, .h3 { font-weight: normal; font-style: normal; line-height:normal; font-family: 'GiddyupStdRegular', sans-serif; font-size-adjust: 0.34; color: #0b0a7f; }
.h1, h1 { font-size: 32px; }
.h2 { font-size: 26px; }
.h3 { font-size: 23px; }

.left { float: left; }
.right { float: right; }
.logo { position: absolute; left: 0px; top: 0px; }
.logo img { width: 270px; height: 110px; }
.error { color: #ff0000; font-weight: bold; }
.replacement { border: none 0px !important; }
.criteria { }
.criteria td { }
.criteria th { font-weight: normal; }
.criteria td td { text-align: left; }
.criteria table td, .criteria table th { background-image: url(../img/dotted_line.gif); background-repeat: repeat-x; background-position: left bottom; padding: 5px; }
.criteria img { border: 1px solid #808080; }
.criteria .button { margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; display: block; }
.hidden { display:none; }
.listing { width: 720px; margin: auto; }
.bigbox { float: left; padding: 30px; position: relative; }
.image { cursor: pointer; cursor: hand; background-repeat: no-repeat; background-position: center center; height: 320px; width: 300px; margin: 0px; padding: 0px; background-color: #d1d1d1; position: relative; }
.image .description { display: none; position: absolute; left: 0px; bottom: 0px; width: 260px; color: #333399; background-color: #c4c4c4; filter: alpha(opacity=90); opacity: 0.9; -moz-opacity:0.9; padding: 20px; z-index: 1000; }
.image:hover .description { display: block; }
a.clicky { position: absolute; left: 0px; top: 0px; }
a.clicky img { width: 300px; height: 320px; }
.description .title { color: #545454; font-size: 14px; font-weight: bold; border-bottom: 1px solid #545454; padding-bottom: 5px; margin-bottom: 5px; }
.description b { font-weight: normal; color: #8e8e8e; }
.design_quality { position: absolute; top: 2px; left: 10px; }
.code_quality { position: absolute; top: 2px; right: 10px; }
.design_quality .label, .code_quality .label { float: left; }
.design_quality .quality, .code_quality .quality { float: left; background-image: url(../img/stars.gif); background-repeat: no-repeat; height: 8px; width: 40px; line-height: 8px; margin-top: 3px; }
.design_quality .poor { background-position: -40px 0px; }
.design_quality .ok { background-position: -40px -8px; }
.design_quality .good { background-position: -40px -16px; }
.design_quality .excellent { background-position: -40px -24px; }
.code_quality .poor { background-position: 0px 0px; }
.code_quality .ok { background-position: 0px -8px; }
.code_quality .good { background-position: 0px -16px; }
.code_quality .excellent { background-position: 0px -24px; }
.glass { background-image: url(../img/glass.gif); background-repeat: no-repeat; height: 12px; width: 12px; position: absolute; left: 50%; bottom: 2px; z-index: 0; }
.advertising { border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; margin: 20px 0px 20px 0px; padding: 10px 0px 10px 0px; text-align: center; }
.centered { display: block; text-align: center; }
.h3 img { vertical-align: bottom; }
.login table, .register table { margin-left: 100px; }
.textfield, .textfield_small, .textfield_large { background-repeat: no-repeat; border: 0px none; height: 18px; padding: 4px 5px 0px 5px; margin-right: 10px; }
.textfield { background-image: url(../img/textfield_back.gif); width: 136px; }
.textfield_small { background-image: url(../img/textfield_back_small.gif); width: 50px; }
.textfield_large { background-image: url(../img/textfield_back_large.gif); width: 290px; }
.cs_box { width:10px; height:10px; border:1px solid #808080; float:left; margin-left:2px }
.cp_box { width:20px; height:20px; border:1px solid #808080; float:left; cursor:pointer }
.cp_label { margin-left:5px }
.err { background-color: #ffbeb5; }
.login_box { position: absolute; top: 0px; right: 0px; z-index: 1; padding: 5px; }
.cpanel_content { }
.sorting { float: right; }
.sorting a { display: block; height: 16px; width: 16px; float: left; background-repeat: no-repeat; line-height: 10px; background-position: left top; cursor: default; font-size: 10px; text-decoration: none; background-position: left bottom; }
.sorting .up { background-image: url(../img/sorting_up.gif); }
.sorting .down { background-image: url(../img/sorting_down.gif); }
.sorting a:hover, .sorting a.selected { background-position: left top !important; }
.paging { text-align: center; color: #cccccc; background-color: #ffffff; border: solid 1px #cccccc; margin-top: 5px; margin-bottom: 5px; padding: 2px; cursor: default; word-spacing: 0px; }
.paging a { border: solid 1px #ffffff; padding-left: 3px; padding-right: 3px; text-decoration: none; }
.paging a:hover { border: solid 1px #cccccc; background-color: #cccccc; color: #b30000; }
.paging b { color: #B30000; background-color: #cccccc; padding-left: 3px; padding-right: 3px; }
.next1 { background-image: url(../img/next_1.gif); background-repeat: no-repeat; background-position: right center; margin-right: 40px; padding-right: 40px; }
.image_name, .pred_colors_label, .pred_colors, .pred_color, .image_actions { float: left; }
.image_name { width: 75px; font-weight: bold; }
.pred_colors_label { width: 100px; }
.pred_colors { width: 170px; }
.pred_color { width: 20px; height: 20px; margin-left: 5px; border: solid 1px #211888; }
.image_actions { padding-bottom: 15px; }
.snapshot { width: 400px; height: 300px; }
/* Analisys 		*/
/* 			 		*/
/* 			 		*/
/* 			 		*/
/* 			 		*/
a.help { position: relative; text-decoration: none; }
a.help .help { position: absolute; top: 20px; left 10px;
display: none; width: 300px; background-color: #FFF; border: solid 1px #036; padding: 10px; color: #333333; font-weight: normal; }
a.help:hover .help { display: block; z-index: 5000; }
.analisys_title { margin-top: 20px; margin-bottom: 20px; float: left; width: 870px; padding-bottom: 10px; }
.analisys_block { padding-left: 20px; margin: 0px auto 10px auto; width: 900px; float: left; position: relative; }
.analisys_block .analisys_block { width: 880px; display: none; }
.opened .analisys_block { display: block; margin-bottom: 0px; }
.analisys_block .expand_down { float: right; display: block; }
.analisys_block .expand_up { float: right; display: none; }
.opened .expand_down { display: none; }
.opened .expand_up { display: block; }
.analisys_block .col1 { width: 400px; float: left; font-weight: bold; }
.opened .analisys_block .col1 { width: 360px; text-align: right; padding-right: 20px; overflow: hidden; white-space: nowrap; }
.analisys_block .col2 { width: 180px; float: left; text-align: center; }
.analisys_block .col3 { width: 250px; float: left; text-align: center; position: relative; }
.analisys_block .col3 .comparator { position: absolute; left: -75px; top: 0px; width: 200px; text-align: center; }
.analisys_block .col23 { width: 430px; float: left; text-align: center; }
.analisys_block .col4 { width: 20px; float: left; text-align: left; }
.links .clearfix { margin-bottom: 5px; }
.links .expand_up { position: absolute; bottom: 0px; left: auto; right: 0px; }
.comp .original, .comp .optimized { position: absolute; height: 100%; width: 50%; top: 0px; background-repeat: no-repeat; background-position: center center; }
.comp .original { left: 0px; }
.comp .optimized { right: 0px; }
.comp .label { text-align: center; position: relative; width: 100px; padding: 20px; margin-top: 20px; margin-right: auto; margin-bottom: auto; margin-left: auto; background-color: #FFF; border: 1px solid #036; font-size: 22px; }
/*  				*/
/*  				*/
/*  				*/
/*  				*/
/* Analisys			*/
/* color picker 		*/
.CLCP { position: absolute; display: none; z-index: 8; background: #0c0c0c; }
.CLCP td, .CLCP div { font: normal 11px/14px Arial, sans-serif; color: #cecece; text-align: left; }
.CLCPDragDiv { position: relative; width: 242px; height: 248px; padding: 10px; cursor: move; }
.CLCPIinnerShell { width: 242px; height: 248px; cursor: default; }
.CLCPPicker { width: 242px; height: 152px; margin-bottom: 9px; }
.CLCPSatVal { background: #ff0000 url(../img/color_picker/hsvBG.png) no-repeat; border: 1px solid #000000; position: relative; float: left; height: 150px; width: 150px; cursor: crosshair; filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/color_picker/hsvBG.png", sizingMethod="scale");
-moz-user-select: none; -khtml-user-select: none; user-select: none; }
.CLCPSatValSlide { background: url(../img/color_picker/colorPickerLarge.png) no-repeat; height: 14px; width: 14px; position: relative; font-size: 0; line-height: 0; top: -3px; left: -3px; }
.CLCPHueContainer, .CLCPSatContainer, .CLCPValContainer { cursor: crosshair; position: relative; float: left; height: 154px; width: 22px; margin-left: 8px; top: -5px; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
.CLCPHueSlide, .CLCPSatSlide, .CLCPValSlide { background: url(../img/color_picker/verticalSliderTransparent.png) no-repeat; height: 18px; width: 18px; position: relative; font-size: 0; line-height: 0; z-index: 10; }
.CLCPHue, .CLCPSat, .CLCPVal { width: 20px; height: 150px; border: 1px solid #000000; position: relative; top: -13px; }
.CLCPHue { background: url(../img/color_picker/hueBG.jpg) no-repeat; }
.CLCPSat { background: #ff0000 url(../img/color_picker/satBG.png) no-repeat; }
.CLCPVal { background: #ff0000 url(../img/color_picker/valBG.png) no-repeat; }
.CLCPbPE { width: 242px; height: 85px; margin: 0 auto; }
.CLCPbPE div { float: left; height: 14px; width: 28px; text-align: center; color: #808080; font-size: 11px; line-height: 11px; margin-right: 1px; }
.CLCPbPE input { float: left; width: 28px; height: 20px; padding-top: 4px; font-size: 11px; line-height: 11px; color: #cccccc; border: 0 none; background: url(../img/color_picker/formFieldSmallBG.png) no-repeat; text-align: center; text-transform: uppercase; }
.CLCPClear { float: none !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; clear: both !important; }
.CLCPNoDim { width: 0 !important; height: 0 !important; }
/* TABS 			*/
.tabs { position: relative; height: 25px; padding-top: 5px; background-image: url(../img/tabs_back.gif); background-repeat: repeat-x; background-position: left bottom; }
.tabs a, .tabs .end { background-image: url(../img/tab_back.gif); background-repeat: no-repeat; }
.tabs a .end, .tabs a:hover .end, .tabs .selected .end { background-position: right 0px; display: inline; height: 25px; margin: 0px; padding: 0px; position: absolute; right: -5px; top: 0px; width: 5px; }
.tabs a, .tabs a:hover, .tabs .selected { color: #8689cc; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none; display: block; float: left; white-space: nowrap; height: 25px; line-height: 28px; padding-left: 10px; padding-right: 5px; margin-right: 10px; position: relative; }
.tabs a:hover, .tabs .selected { background-position: 0px -25px; color: #211888 !important; line-height: 25px; }
.tabs a:hover .end, .tabs .selected .end { background-position: right -25px; color: #000000 !important; }
.tab { display: none; }
.tabcontent { text-align: center; padding: 20px; /*display: none;*/ }
/* Sliders			*/
.dynamic-slider-control { position: relative; -moz-user-focus: normal; -moz-user-select: none; cursor: default; }
.horizontal { width: 200px; height: 20px; }
.vertical { width: 29px; height: 200px; }
.dynamic-slider-control input { display: none; }
.dynamic-slider-control .handle { position: absolute; font-size: 1px; overflow: hidden; -moz-user-select: none; cursor: default; }
.dynamic-slider-control.horizontal .handle { width: 10px; height: 10px; background-image: url("../img/handle.horizontal.png"); }
.dynamic-slider-control.vertical .handle { width: 15px; height: 31px; background-image: url("../img/handle.vertical.png"); }
.dynamic-slider-control .line { position: absolute; font-size: 0.01mm; overflow: hidden; behavior: url("css/boxsizing.htc"); /* ie path bug */ box-sizing: content-box; -moz-box-sizing: content-box; }
.dynamic-slider-control.vertical .line { width: 3px; }
.dynamic-slider-control.horizontal .line { height: 3px; }
.dynamic-slider-control .line div { width: 1px; height: 3px; background-image: url(../img/slider_line_back.gif); }
/* Modal Dialogs		*/
DIV.jtDialogBox { position: absolute; display: none; }
DIV.jtDialogBox .tbLeft { background: url(dialogTL.gif) no-repeat left top; width: 10px; }
DIV.jtDialogBox .tbRight { background: url(dialogTR.gif) no-repeat right top; width: 16px; padding: 08px 4px 3px 0px; vertical-align: bottom; }
DIV.jtDialogBox .Title { background: url(dialogTM.gif) top; background-color: #a9a9a9; font-size: 10pt; font-weight: bold; white-space: nowrap; color: #000000; padding: 4px 0px 2px 0px; cursor:move; }
DIV.jtDialogBox { border-top : 1px solid #EDEDED; border-right : 1px solid #ABABAB; border-bottom: 1px solid #ABABAB; border-left : 1px solid #EDEDED; }
DIV.jtDialogBox .MainPanel { background-color: #ffffff; border-top : 1px solid #898989; border-right : 1px solid #4E4E4E; border-bottom: 1px solid #4E4E4E; border-left : 1px solid #898989; }
DIV.jtDialogBox .MainPanel .ContentArea { margin: 16px; font-size: 9pt; }
/* Color Scheme Chooser		*/
LABEL { FONT-SIZE: 11px; }
#webColors { DISPLAY: none; }
#divFindColor { DISPLAY: none; Z-INDEX: 2147483647; POSITION: absolute; }
#advancedColorPreview { BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; DISPLAY: none; MARGIN: 3px; BORDER-LEFT: #000 1px solid; CURSOR: pointer; PADDING-TOP: 20px; BORDER-BOTTOM: #000 1px solid; HEIGHT: 40px; TEXT-ALIGN: center; }
#advancedColorPreview #advancedColorPreviewCode { BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #000 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #fff; }
#colorScheme_colorBox { PADDING-LEFT: 20px; }
#color_slider { DISPLAY: none; }
#previewPanel { BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; WIDTH: 71px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 137px; }
#colorScheme { CLEAR: both; WIDTH: 493px; }
#myColors { CLEAR: both; WIDTH: 493px; }
#colorScheme { HEIGHT: 750px; }
#colorScheme FIELDSET, #myColors FIELDSET { MARGIN-LEFT: 20px; }
#colorScheme FIELDSET, #myColors FIELDSET { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; }
.form_widget_amount_slider { BORDER-RIGHT: #eee 1px solid; BORDER-TOP: #9d9c99 1px solid; BORDER-LEFT: #9d9c99 1px solid; BOTTOM: 0px; BORDER-BOTTOM: #eee 1px solid; POSITION: absolute; HEIGHT: 3px; BACKGROUND-COLOR: #f0ede0; }
.colorsToChooseFrom LEGEND { DISPLAY: inline; }
.colorTools LEGEND { DISPLAY: inline; }
.colorOptions { HEIGHT: 200px; }
.colorOptions FIELDSET { HEIGHT: 185px; }
.smallColorSquare { BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FLOAT: left; MARGIN-BOTTOM: 1px; BORDER-LEFT: #000000 1px solid; WIDTH: 10px; CURSOR: pointer; MARGIN-RIGHT: 1px; BORDER-BOTTOM: #000000 1px solid; HEIGHT: 10px; }
.colorsToChooseFrom { FLOAT: left; WIDTH: 270px; }
.colorTools { FLOAT: left; WIDTH: 175px; }
.colorTools DIV { MARGIN-LEFT: 5px; }
.colorTools INPUT { FONT-SIZE: 11px; WIDTH: 30px; }
.colorTools SPAN { PADDING-LEFT: 2px; FONT-SIZE: 11px; }
.colorTools SUP { PADDING-LEFT: 2px; FONT-SIZE: 9px; MARGIN-BOTTOM: 14px; VERTICAL-ALIGN: top; LINE-HEIGHT: 10px; }
.colorTools .bigInput { WIDTH: 120px; }
.colorTextBoxes { FLOAT: left; WIDTH: 180px; }
.colorPreview { FLOAT: left; WIDTH: 150px; }
.bigColorSquare { BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FLOAT: left; MARGIN: 3px; BORDER-LEFT: #000000 1px solid; WIDTH: 80px; CURSOR: pointer; PADDING-TOP: 30px; BORDER-BOTTOM: #000000 1px solid; HEIGHT: 50px; TEXT-ALIGN: center; }
.bigColorSquare SPAN { BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; BORDER-LEFT: #000000 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #ffffff; }
.colorOptions { }
/* Banner Generator		*/
.preview { background-color: #E1E1E1; padding: 20px 20px 30px 20px; margin: 0px 0px 20px 0px; }
.banner { margin: auto; position: relative; border: 1px solid #999999; }
.banner .resize { background-image: url(../img/resize.gif); background-repeat: no-repeat; height: 11px; width: 11px; position: absolute; right: 0px; bottom: 0px; cursor: nw-resize; }
.banner_dimensions { position: absolute; bottom: -20px; right: 0px; text-align: right; width: 200px; }
.banner_dimensions img { vertical-align: middle; }
.font_settings { width: 100%; padding: 5px; margin-bottom: 10px; }
.font_settings td { text-align: center; position: relative; padding: 1px 3px 1px 3px; white-space: nowrap; border-bottom: solid 1px #999999; vertical-align: bottom; }
.font_settings .text-size { width: 100px; float: left; }
.shadow, .outline { height: 20px; border: solid 1px #999999; padding-right: 0px; }
.font_settings .cp_box { float: none; margin: auto; }
.font_settings .shadow .cp_box, .font_settings .outline .cp_box { border-left: 0px none !important; border-top: 0px none !important; border-bottom: 0px none !important; float: left; }
.font_settings .opacity, .font_settings .sh_opacity, .font_settings .out_opacity, .font_settings .out_thickness, .font_settings .rotation, .font_settings .sh_rotation, .font_settings .sh_distance { width: 80px; float: left; }
.font_settings .opacity_sample, .font_settings .sh_opacity_sample, .font_settings .out_opacity_sample { font-weight: bold; font-family: "Arial Black"; float: left; }
.font_settings .border_bottom { padding-bottom: 8px; background-image: url(../img/underline.gif); background-repeat: repeat-x; background-position: right bottom; }
.font_settings .rot { width: 20px; height: 20px; background-image:url(../img/rotation.gif); background-repeat: no-repeat; float: right; border: solid 1px #999999; }
.font_settings .sh_rot { width: 20px; height: 20px; background-image:url(../img/shadow_rotation.gif); background-repeat: no-repeat; border-right: solid 1px #999999; float: left; }
.font_settings .out_thick { width: 20px; height: 20px; background-image:url(../img/outline_thickness.gif); background-repeat: no-repeat; border-right: solid 1px #999999; float: left; }
.font_settings .fs { width: 20px; height: 20px; padding: 0px; font-size: 10px; text-align: center; border: none 0px; background-color: transparent; }
.font_settings .sh_d, .font_settings .sh_dd { position: absolute; left: 0px; top: 0px; font-family: "Arial Black"; z-index: 2; line-height: 10px; }
.font_settings .sh_dd { color: #cccccc; z-index: 1; }
.font_settings .sh_distance_sample { width: 20px; height: 20px; position: relative; float: left; padding-right: 5px; border-right: solid 1px #999999; }
ul.SimpleContextMenu { display: none; position: absolute; background-color: #E1E1E1; margin: 0px; padding: 0px; list-style-type: none; border: 1px solid #999999; padding: 2px 10px 3px 10px; }
ul.SimpleContextMenu li { border-bottom: 1px solid #999999; }
ul.SimpleContextMenu li a { display: block; text-decoration: none; color: #ff0000; background: #eeeeee; }
ul.SimpleContextMenu li a:hover { text-decoration: none; color: #ffffff; background: #ff0000; }
.font_settings .odd_col { background-color: #E1E1E1; border-left: solid 1px #999999; border-right: solid 1px #999999; }
.font_settings .even_col { }
.odd { background-color: #d6d8f9; }
.background_chooser { width: 100px; text-align: left; float: left; }
.background_editor { float: left; }
.gradient_preview { float: left; border: 1px solid #808080; height: 50px; width: 50px; position: relative; }
.gradient_preview .background_color, .gradient_preview .hue { position: absolute; left: 0px; top: 0px; height: 50px; width: 50px; }
.gradient_preview .hue { background-image: url(../img/spectrum.png); background-repeat: no-repeat; background-position: 0px 0px; }
.thickness { width: 20px; height: 20px; float: left; }
#thickness_preview { background-image:url(../img/thickness.gif); background-repeat: no-repeat; }
/* Design Fidler		*/
.design_fidler { width: 100%; height: 600px; border: solid 1px #0000ff; }
/* Fonts List			*/
.fonts_list { width: 100%; }
.fonts_list td, .fonts_list th { background-image: url(../img/vertical_splitter.gif); background-position: right top; background-repeat: no-repeat; padding: 0px; margin: 0px; }
.fonts_list table { margin: 0px 10px 0px 10px; }
.fonts_list th { }
.fonts_list td td { background-image: none; }
.fonts_list a { text-decoration: none; display: block; padding: 1px 3px 1px 3px; }
.fonts_list a:hover { background-color: #cecee5; }
.fonts_list .h2 { padding: 0px 5px 0px 5px; margin: 0px; }
.font_line { position: relative; background-image:url(../img/font_line.gif); background-repeat: no-repeat; background-position: left top; padding: 10px; }
.font_name { float: left; width: 150px; }
.font_sample { float: left; width: 650px; overflow: hidden; }
.font_details { float: right; }
/* IE 6 and below hacks		*/
*html #menu a, #menu .h1 { display: inline; }
*html .login_box { position: relative; }
*html #menu { padding-top: 35px; }
/* IE 7 only hacks		*/
*:first-child+html a { }
/* Opera 9 and below hacks	*/
html:first-child a { }
/* Safari and Opera hacks	*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#menu a, #menu .h1 {
display: table;
}
}
/* HR Styling hacks		*/
/* IE				*/
hr { height: 1px; color: #d5d8d8; border: none; }
/* Gecko-based browsers		*/
html>body hr { height: 1px; background-color: #d5d8d8; border: none; }
/* Opera & Gecko-based browsers	*/
html>body hr { height: 1px; background-color: #d5d8d8; border: 0px solid #d5d8d8; }
/* clearfix			*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
* html .clearfix { height: 1%; }
/* End hide from IE Mac */

/* Template Page		*/
.template_page { }
.template_page label { white-space: nowrap; padding: 0px; }
.template_page input { margin: 0px; }
.template_page .color { padding-right: 10px; line-height: 12px; }
.template_page .promo { display: block; margin-bottom: 20px; }
.template_page .image { margin-bottom: 10px; }
.title, .analisys_title { background-image: url(../img/title_back.gif); background-repeat: no-repeat; background-position: left bottom; margin-bottom: 20px; }
.template_page a.left, .template_page a.right, .template_page .r-col a { text-decoration: none; }
.photo_thumb { display: block; background-repeat: no-repeat; background-position: center center; float: left; height: 100px; width: 100px; padding: 2px; background-color: #e0e3f3; border: 1px solid #c6c0ff; margin: 0px 5px 5px 0px; }
/* Color Chart			*/
.color_chart td { font-size: 10px; padding: 6px; width: 20px; background-image:url(../img/color_chart_td_back.gif); background-repeat: no-repeat; background-position: center center; }
/* contact */
.contact input.i { width:250px; height:20px; margin-top:10px; }
.contact input.captcha { margin-top:10px; width:30px; }
.contact textarea { margin-top:10px; width:250px; height:150px; }
.red { color: red; }