body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,td,label {margin:0; padding:0; line-height: 100%}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
ol,ul { list-style:none;}
h1,h2,h3,h4,h5,h6 { font-size:100%; line-height: 100%; font-weight:normal;}
a { text-decoration: none}

.messages {background: transparent url('../gfx/bg_container.jpg') 0 0; padding: 5px 0; font-size: 12px;}
.messages .actions { text-align: left; }
.messages .actions .close_messages { font-size: 9px; color: #3B839A; text-decoration: none; }
.messages .actions .close_messages:hover { color: #5ABCDB; }
.messages .ico { height: 16px; width: 16px; background-repeat: no-repeat; display: block; float: left;}
.messages .message_list {display: block; list-style: none; float: none; margin: 2px 0 10px; padding: 0;}
.messages .message {padding: 5px; margin: 5px 0; color: #777777; line-height: 145%; background: #fafafa; -moz-border-radius: 4px; border-radius: 4px;}
.messages .message .ico {margin-right: 10px;}
.messages .message_type_1 {background-color: #cd0a0a; color: #f0f0f0;}
.messages .message_type_1 .ico { background-image: url("../../compass_app/css/jquery_custom/images/ui-icons_ffffff_256x240.png"); background-position: 0 -144px  }
.messages .message_type_1 a {color: #ffffff; text-decoration: underline;}
.messages .message_type_2 {color: #6BA517;}
.messages .message_type_2 .ico { background-image: url("../../compass_app/css/jquery_custom/images/ui-icons_6ba517_256x240.png"); background-position: -16px -144px; }
.messages .message_type_2 a {color: #cd0a0a;}
.messages a:hover {text-decoration: underline;}

.pmp_i18n {background-color: #ff0000 !important; color: #ffffff !important; position: fixed !important; left: 0 !important; top: 0 !important; display: none; font-size: 11px !important; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif !important; line-height: 100% !important; padding: 5px !important; margin: 0 !important;}
.pmp_i18n_mark {color: #ff0000 !important; text-shadow: 1px 1px 2px #ffffff, 1px -1px 2px #ffffff, -1px -1px 2px #ffffff, -1px 1px 2px #ffffff ; font-size: 10px !important; font-weight: normal; vertical-align: top; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif !important; line-height: 100% !important; padding: 1px !important; margin: 0 !important; cursor: pointer;}
.nowrap { white-space: nowrap }

html, body { background-color: #54c3d0; font-family: Arial, Helvetica, sans-serif }

body > div.top,
body > div.dsand,
body > div.grey,
body > div.footer {min-width: 980px}

.top { 	position: relative; background: transparent url('../gfx/bg_sky_top.jpg') 50% 0 repeat-x; }
.top .sky { background: transparent url('../gfx/bg_banner.jpg') 50% 0 repeat-x; position: absolute; top: 0; left:0; width: 100% }
.top .sand { background: transparent url('../gfx/bg_banner_b.jpg') 0 0 repeat-x; background-size: 100% auto; position: absolute; bottom: 0; left:0;  width: 100% }

.top .menu { width: 960px; margin: 0 auto; position: relative; padding: 6px 0 15px 0; background: transparent url('../gfx/stripe_1.png') 0 60px no-repeat }

.top .menu .logo { display: block; background: transparent url('../gfx/logo_compass.png') 0 0 no-repeat; text-indent: -9999px; height: 49px; width: 220px; cursor: pointer }

.top .menu ul { display: block; position: absolute; top: 5px; right: 0; list-style-type: none; }
.top .menu li { display: inline; font-size: 15px }

.top .menu a.last { padding-left: 0; margin-left: 25px }
.top .menu li a { color: #FFFFFF; display: block; float: left; padding: 18px 0 3px 0; margin: 0 0 0 17px; text-decoration: none }
.top .menu li a span { font-size: 9px; margin-left: 5px; vertical-align: top; }
.top .menu_position a.sel { border-bottom: solid 2px #A6D24A; }
.top .menu_position a:hover { border-bottom: 2px solid #fff }
.top .menu_position a.hligh { color: #A6D24A;}

.top .menu li.lang { position: relative; }
.top .menu li.lang a.last {width: 100px; padding-right: 5px; text-align: right;}
.top .menu li.lang ul { padding: 10px 0; list-style: none; margin: 0; display: none; z-index: 1000; position: absolute; right: 0; top: 35px; background-color: #003a52;  }
.top .menu li.lang ul li { color: #000000; margin: 0 }
.top .menu li.lang ul li a { font-size: 12px; color: #3b839a; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; display: block; width: 95px; padding: 5px; margin: 0; }
.top .menu li.lang ul li a:hover { color: #5ABCDB }
.top .menu li.lang ul li img { margin-right: 6px; vertical-align: middle; border: none }
.top .menu li.lang:hover ul { display: block }
.top .menu li.lang:hover a.last {background-color: #003a52; }


.banner { position: relative; margin: 0 auto; width: 960px; height: 400px }
.banner.knowledge_base {height: 362px;}
.banner.plans {height:485px;}
.banner .b1 { position: absolute; top: 307px; left: -5px }

.knowledge_base .trial {position: absolute; right: 10px; bottom: 14px; width: 655px;}
.knowledge_base .trial .b2 {right: 0px; top: 0px;}
.knowledge_base .trial .red_arr {top: 30px; right: 230px; left: auto;}
.knowledge_base .trial .title {
    font-size: 20px;
    left: 0;
    top: 21px;
    width: 395px;    
}


.button1 { height: 75px; display: block }
.button1 .l { float: left; width: 10px; height: 75px; background: transparent url('../gfx/bg_button1.png') 0 0 no-repeat }
.button1 .r { float: left; width: 10px; height: 75px; background: transparent url('../gfx/bg_button1.png') -10px 0 no-repeat; }
.button1 .c { float: left; padding: 17px 10px 13px 10px; height: 45px; background: transparent url('../gfx/bg_button1c.png') 0 0 repeat-x }
.button1:hover .l { background: transparent url('../gfx/bg_button1.png') 0 -75px no-repeat; }
.button1:hover .r { background: transparent url('../gfx/bg_button1.png') -10px -75px no-repeat; }
.button1:hover .c { background: transparent url('../gfx/bg_button1c.png') 0 -75px repeat-x; }

.button2 { height: 36px; display: inline-block; }
.button2 .l { float: left; width: 5px; height: 36px; background: transparent url('../gfx/bg_button2.png') 0 0 no-repeat; }
.button2 .r { float: left; width: 5px; height: 36px; background: transparent url('../gfx/bg_button2.png') -5px 0 no-repeat; }
.button2 .c { float: left; padding: 9px 20px 6px 20px; height: 21px; background: transparent url('../gfx/bg_button2c.png') 0 0 repeat-x; font-size: 18px; font-family: "Trebuchet MS", Arial, sans-serif; color: #053658; }
.button2:hover .l { background: transparent url('../gfx/bg_button2.png') 0 -36px no-repeat; }
.button2:hover .r { background: transparent url('../gfx/bg_button2.png') -5px -36px no-repeat; }
.button2:hover .c { background: transparent url('../gfx/bg_button2c.png') 0 -36px repeat-x; }

.button2.gray .l,
.button2.gray .r,
.button2.gray:hover .l,
.button2.gray:hover .r{ background-image: url('../gfx/bg_button2_dis.png'); }
.button2.gray .c,
.button2.gray:hover .c { background-image: url('../gfx/bg_button2c_dis.png'); color: #777777;}

.button3 { height: 49px; position: absolute; left: 100px; top: 60px  }
.button3 .l { float: left; width: 10px; height: 49px; background: transparent url('../gfx/bg_button3.png') 0 0 no-repeat; }
.button3 .r { float: left; width: 10px; height: 49px; background: transparent url('../gfx/bg_button3.png') -10px 0 no-repeat; }
.button3 .c { float: left; padding: 17px 8px 13px 11px; height: 19px; background: transparent url('../gfx/bg_button3c.png') 0 0 repeat-x; }
.button3:hover .l, .button3:active .l, .button3:focus .l { background: transparent url('../gfx/bg_button3.png') 0 -49px no-repeat; }
.button3:hover .r, .button3:active .r, .button3:focus .r { background: transparent url('../gfx/bg_button3.png') -10px -49px no-repeat; }
.button3:hover .c, .button3:active .c, .button3:focus .c { background: transparent url('../gfx/bg_button3c.png') 0 -49px repeat-x; }

.banner .computer { width: 647px; height: 406px; position: absolute; right: 0; top: 30px; background: transparent url('../gfx/laptop.png') 0 0 no-repeat;}
.banner .arr_l { width: 35px; height: 35px; position: absolute; right: 565px; top: 180px; background: transparent url('../gfx/ico_arrows_laptop.png') 0 0 no-repeat;}
.banner .arr_l:hover { cursor: pointer; background: transparent url('../gfx/ico_arrows_laptop.png') 0 -35px no-repeat }
.banner .arr_r { width: 35px; height: 35px; position: absolute; right: 48px; top: 180px; background: transparent url('../gfx/ico_arrows_laptop.png') -35px 0 no-repeat;}
.banner .arr_r:hover { cursor: pointer; background: transparent url('../gfx/ico_arrows_laptop.png') -35px -35px no-repeat }
.banner .screen { position: absolute; top: 54px; right: 95px }

.banner .label { top: 90px; position: absolute }
.banner .label2 { top: 40px; right: 10px; position: absolute }
.banner .label3 { top: 40px; left: 720px; position: absolute }
.banner .img2 { position: absolute; left: 0; top: 35px }
.banner p.p1 { top: 230px; position: absolute; width: 325px; font-size: 13px; color: #053658; line-height: 130% }
.banner p.p2 { top: 160px; left: 720px; position: absolute; width: 240px; font-size: 13px; color: #053658; line-height: 130% }

.banner .plan { margin-top: 20px; height: 376px; width: 205px; padding: 17px 13px; position: relative; float: left; margin-right: 8px }
.banner .p_grey { background: transparent url('../gfx/bg_plan_grey.png') 0 0 no-repeat }
.banner .p_gold { background: transparent url('../gfx/bg_plan_gold.png') 0 0 no-repeat }
.banner .p_banner { background: transparent url('../gfx/bg_plan_banner.png') 0 0 no-repeat }
.banner .p_banner img {margin: 45px auto 0 auto; display: block;}

.banner .plan .title { font-size: 26px; color: #053658; }
.banner .plan .subtitle { font-size: 11px; color: #4E4E4E; height: 25px; }
.banner .plan .price { height: 70px; font-size: 50px; color: #517700; font-family: Georgia, Times, serif; text-align: center; padding: 5px 0; background: transparent url('../gfx/stripe_2.png') 0 100% repeat-x; }
.banner .plan .price .soon {display: block; font-size: 28px; line-height: 100%; margin-top: 37px;}
.banner .plan .price_f { font-size: 60px; color: #517700; font-family: Georgia, Times, serif; text-align: center; padding: 27px 0 34px 0; background: transparent url('../gfx/stripe_2.png') 0 100% repeat-x; }
.banner .plan .price span { font-size: 18px }

.banner .plan .button_cont { position: absolute; bottom: 35px; left: 0; width: 231px; height: 35px; text-align: center }
.banner .plan .button2 { display: inline-block }

.banner .best_value { position: absolute; top: 5px; right: 242px; width: 113px; height: 113px; }
.banner .plan .l1 { list-style-type: none; padding: 8px 0 1px 5px; background: transparent url('../gfx/stripe_2.png') 0 100% repeat-x; height: 145px;  }
.banner .plan .l1 li { font-size: 15px; color: #4E4E4E; margin: 0 0 10px 0; line-height: 140%; }
.banner .plan .l2 { list-style-image: url('../gfx/list_2.png'); padding: 16px 0 0 20px  }
.banner .plan .l2 li { font-size: 12px; color: #4E4E4E; margin: 0 0 7px 0; line-height: 100%; }
.banner .plan .l2 li .soon {font-size: 10px; margin-left: 5px;}

.banner .plan.disabled .title,
.banner .plan.disabled .title,
.banner .plan.disabled .subtitle,
.banner .plan.disabled .price,
.banner .plan.disabled .price_f,
.banner .plan.disabled .l1 li,
.banner .plan.disabled .l2 li { color: #b5b5b5;}
.banner .plan.disabled .l2 { list-style-image: url('../gfx/list_3.png');}

.banner .register_button_container {margin-left: 239px; display: inline-block; width: 709px; text-align: center;}
.banner .register_button_container .button1 {display: inline-block;}
.banner .register_button_container .button1 .c {padding: 17px 90px 13px;}

.banner .tour { width: 654px; margin-top: 30px }
.banner .tour .inner { padding: 10px 10px 9px 10px; background: transparent url('../gfx/bg_banner_tour.jpg') 0 0 repeat-x;}
.banner .tour .inner img { display: block }
.banner .tour .shadow { background: transparent url('../gfx/bg_banner_tour_shadow.png') 0 100% no-repeat; height: 24px }
.banner .tour .button1 { font-weight: bold; color:#053658; text-decoration: none; font-size: 22px; position: absolute; left: 255px; top: 150px }
.banner .tour .button1 img { margin-left: 5px; vertical-align: middle; margin-bottom: 2px }
.banner .tour .button1 .c { padding: 26px 15px 10px 20px; height: 39px  }

.dsand { background: transparent url('../gfx/bg_banner_b2.jpg') 0 0 repeat; border-bottom: 1px solid #D7C7A2 }
.ptb { padding: 20px 0 30px 0}

.grey { padding: 30px 0; background: #e8e8e8 url('../gfx/bg_mid.jpg') 0 0 repeat-x;}

.container { width: 960px; margin: 0 auto }

.container h2 { font-size: 30px; font-family: Georgia, Times, serif; color: #053658; background: transparent url('../gfx/stripe_1.png') 0 100% no-repeat; padding-bottom: 10px; margin-bottom: 20px }
.container h2 a { font-size: 14px; color: #FF0000; text-decoration: none }
.container h2 a:hover { text-decoration: underline }
.container h2.noback { background: none; margin: 0 }
.container h3 { font-size: 24px; font-family: Georgia, Times, serif; color: #053658; padding-bottom: 10px }
.container h4 { font-size: 14px; font-family: Georgia, Times, serif; color: #053658; margin-bottom: 15px }
.container h5 { font-size: 18px; font-family: Georgia, Times, serif; color: #053658; padding-bottom: 10px }

.main .grey .container h2 {padding-bottom: 0px;}

.container p { font-size: 12px; line-height: 130%; margin: 0 0 10px 0; color: #4E4E4E }
.container p.subtitle { font-size: 12px; margin: -5px 0 20px 0; color: #FF0000  }

.container p span.h3 {font-size: 18px; font-family: Georgia, Times, serif; color: #053658; margin: 0 0 15px 0}


.container  a { text-decoration: none; color: #00A9C8 }
.container  a:hover { color: #02b2d2; text-decoration: underline }

.container ul { display: block; float: left; list-style-image: url('../gfx/list_1.png'); margin-right: 35px; padding: 0 0 0 10px }
.container li { font-size: 12px; color: #4E4E4E; margin: 0 0 10px 0; line-height: 120%; }

.container ul.plan_features {margin-right: 55px;}

.container .stripe { height: 2px; background: transparent url('../gfx/stripe_1.png') 0 0 no-repeat; margin: 5px 0 0 0 ; clear: both }
.container .stripe.full {background: url("../gfx/stripe_2.png") repeat-x scroll 0 100% transparent;}

.container .feature { width: 215px; position: relative; float: left; padding-left: 95px; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; }
.container .feature .ico { position: absolute; left: 0; top: 10px }
.container .feature .title { font-size: 18px; font-family: Georgia, Times; color: #053658 }
.container .feature .par { display: block; font-size: 12px; color: #4E4E4E; margin: 5px 0 1px 0; line-height: 120% }
.container .feature .more { font-size: 12px; color: #00A9C8; text-decoration: none; }
.container .feature a:hover { text-decoration: none;}
.container .feature a:hover .more { color: #02b2d2; text-decoration: underline;}

.container .case { width: 220px; position: relative; float: left; padding-left: 85px; padding-right: 5px; margin-top: 20px; margin-left: 10px; }
.container .case .ico { position: absolute; left: 0; top: 20px;}
.container .case .ico img { border: 1px solid #CCCCCC; display: block }
.container .case .title { font-size: 18px; font-family: Georgia, Times; color: #053658; display: block }
.container .case .subtitle { font-size: 14px; font-family: Georgia, Times; color: #FF0000 }
.container .case .par { font-size: 12px; color: #4E4E4E; margin: 5px 0; line-height: 120%; display: block }
.container .case .more { font-size: 12px; color: #00A9C8; text-decoration: none; }
.container .case a:hover .more { color: #02b2d2; }


.container .case_header { padding-bottom: 20px }
.container .case_header img { float: left; margin-right: 30px }
.container .case_header h4.title { font-size: 18px; font-family: Georgia, Times, serif; color: #053658; padding: 30px 0 10px 0; font-style: italic;  }
.container .case_header h4.title span { font-size: 14px; color: #4E4E4E }
.container .case_header p { font-style: italic; margin: 15px 0; font-size: 14px }


.container .tour_item { width: 310px; position: relative; float: left; padding: 0; margin-top: 10px; margin-left: 10px;}
.container .tour_item .title { font-size: 18px; font-family: Georgia, Times; color: #053658; padding: 0 0 12px 0 }
.container .tour_item .subtitle { font-size: 14px; font-family: Georgia, Times; color: #FF0000; padding: 10px 0 8px 0  }
.container .tour_item li { margin-bottom: 5px }
.container .tour_item .img { position: relative }
.container .tour_item .button2 { position: absolute; left: 90px; top: 70px}

.container .col2_l { float: left; width: 440px; padding-right: 20px }
.container .col2_r { float: left; width: 420px; padding-left: 40px }


.container .menu { }
.container .menu a { position: relative; display: block; padding:10px 0 10px 0; background: transparent url('../gfx/stripe_3.png') 20% 100% no-repeat }
.container .menu a:hover { text-decoration: none }
.container .menu a:hover .title,
.container .menu a.selected .title,
.container .menu a.selected .add { color: #02b2d2 }
.container .menu a:hover .add { color: #00A9C8; }
.container .menu .title { font-size: 16px; font-family: Georgia, Times; color: #053658; padding: 0 0 0px 0; display: block }
.container .menu .subtitle { font-size: 12px; font-family: Arial,Helvetica,sans-serif; color: #053658; padding: 5px 0 8px 0; margin: 0; display: block; width: 220px  }
.container .menu .add { position: absolute; right: 10px; top: 40%; font-size: 18px; background: none; color: #ed1c24; }


.container .col2s_l { float: left; width: 260px; padding-right: 40px }
.container .col2l_r { float: left; width: 640px; padding: 0 0 0 20px }

.container .col2s_r { float: left; width: 260px; padding-left: 40px }
.container .col2l_l { float: left; width: 640px; padding: 0 20px 0 0 }

.container .col2c { width: 640px; margin: 0 auto }

.container .col3_l { float: left; width: 280px; padding-right: 40px }
.container .col3_l { float: left; width: 280px; padding-right: 40px }
.container .col3_r { float: left; width: 320px }

.container .stripe_v_m { background: transparent url('../gfx/stripe_v_m.png') 100% 50% no-repeat; }

.container .knowledge_base_item { padding-bottom: 20px; padding-left:100px; position: relative }
.container .knowledge_base_item .label { color: #86c62a; position: absolute; left: 0; top: 1px; font-size: 14px; font-family: Georgia, Times; padding-right: 3px; text-align: right; width: 90px }

.container .knowledge_base_item .title { font-size: 14px; font-family: Georgia, Times; color: #053658; }
.container .knowledge_base_item .title span { margin-left: 3px; font-size: 11px; color: #4E4E4E }
.container .knowledge_base_item .par { font-size: 12px; color: #4E4E4E; margin: 4px 0 3px 0; display: block }
.container .knowledge_base_item .more { font-size: 12px; color: #00A9C8; text-decoration: none;margin-top: 3px }
.container .knowledge_base_item a:hover {text-decoration: none;}
.container .knowledge_base_item a:hover .more { color: #02b2d2; text-decoration: underline;}


.trial { position: relative; height: 120px }
.trial .b2 { right: 210px; top: 30px; position: absolute }
.trial .red_arr { left: 503px; top: 55px; position: absolute; width: 17px; height: 25px; background: transparent url('../gfx/arrow_red.png') 0 0 no-repeat }
.trial .title { position: absolute; text-align: right; font-size: 24px; color: #053658; top: 42px; left: 40px; font-family: Georgia, Times; width: 450px;}

.trial_in_column { position: relative; height: 170px }
.trial_in_column .b2 {  }
.trial_in_column .title { font-size: 17px !important; color: #053658; font-family: Georgia, Times; width: 395px;}

.footer { padding: 20px 0 5px 0; background: #61C7D2 url('../gfx/bg_footer.jpg') 0 0 repeat-x }
.footer .logo { text-indent: -9999px; width: 209px; height: 209px; position: absolute; right: 50px; top: -40px; background: transparent url('../gfx/logo_compass_l.png') 0 0 no-repeat;}
.footer .copyrights { padding-top: 10px; padding-left: 10px; font-size: 10px; color: #FFFFFF;}
.footer .ue_logo {display: block; margin: 30px 0 0  10px;}



.footer ul { display: block; float: left; list-style-type: none; margin-right: 60px }
.footer li { display: block; font-size: 15px; margin-bottom: 8px;}
.footer li.last { margin-left: 30px }
.footer li a { color: #FFFFFF; padding: 0 0 2px 0; margin: 0 0 5px 0; text-decoration: none }
.footer li a:hover { text-decoration: none; border-bottom: 2px solid #fff; color: #fff;}
.footer li a.sel { border-bottom: 2px solid #A6D24A; }
.footer li a span { font-size: 11px }

.footer a.hligh { color: #A6D24A;}
.footer a.hligh:hover { color: #A6D24A  }

.container .breadcrumbs {font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom: 20px; color: #FF0000;}
.container .breadcrumbs a {color: #4E4E4E;}
.container .breadcrumbs a:hover {color: #00A9C8; text-decoration: none;}
.container .breadcrumbs strong {color: #4E4E4E;}
.container .breadcrumbs a, .container .breadcrumbs strong {margin: 0 2px 0 0;}

.container .not_found {width: 600px; margin: 0 auto;}
.container .not_found h2 { background: none; margin-bottom: 40px;}
.container .not_found p { margin: 20px 0;}
.container .not_found .return_home {}
.container .not_found .available_langs {margin-bottom: 5px;}
.container .not_found ul {list-style-image: none; list-style: none; padding: 0; margin-left: 20px;}
.container .not_found li {}

.pagination {font-size: 12px; color: #4E4E4E;}
.pagination span {font-weight: bold; margin: 0 5px;}
.pagination a {margin: 0 5px;}

.list_element {margin:10px 0; padding: 5px 0; background: url("../gfx/stripe_2.png") repeat-x scroll 0 100% transparent;}
.list_element h4 {margin-bottom: 10px;}
.list_element h4 span.date {color: #4E4E4E; font-size: 12px; margin-left: 3px;}

.list_element p {margin-bottom: 5px;}
.list_element p span {color:#053658; margin: 0 10px 0 5px;}
.list_element p span.path,
.list_element p span.tags {color:#ff0000; }
.list_element p span.path a,
.list_element p span.tags a{margin: 0 2px 0 0;}
.list_element p .more {display: block; margin-top:5px;}
.list_element p.short_desc {vertical-align: top;}
.list_element p.short_desc img {float: right; max-height: 100px; max-width: 100px;}

.list_element.comment { background: none;}
.list_element.comment .info {display: inline-block; vertical-align: top; width: 140px; padding: 0 10px 0 0; color: #4E4E4E; font-size: 12px;}
.list_element.comment .info .author {display: block; font-family: Georgia,Times,serif; color: #053658; font-size: 14px; line-height: 130%; margin-bottom: 5px;}
.list_element.comment p {display: inline-block; width: 480px;}


.list_element.article img.thumbnail {float: right; max-height: 100px; max-width: 100px; margin-left: 20px;}
.element_view.article img.thumbnail {float: left; max-height: 200px; max-width: 200px; margin: 10px 20px 20px 0;}

.element_view {}
.element_view p.short_desc { font-weight: bold; margin: 10px 0 30px 0;}
.element_view p.body {}
.element_view p.tags { margin: 10px 0;}
.element_view p span {color:#053658; margin: 0 5px 0 0;}
.element_view p .lang {color:#FF0000; }
.element_view p .lang a.selected {font-weight: bold;}


p.category_empty {margin: 10px;}

.container ul.help_list { margin: 30px 10px; float: none;}
.container ul.help_list li {margin: 15px 0 0 0;}
.container ul.help_list a {font-size: 14px; font-family: Georgia,Times,serif;}
.element_view.help_article {padding: 30px 0 0 0; margin: 30px 0 0 0; background: url("../gfx/stripe_1.png") no-repeat scroll 0 0 transparent}

.help p {line-height: 150%;}
.help h3 {font-size: 20px;}
.help .main_description {display: block; margin-bottom: 20px;}
.help .main_summary {display: block; margin-top: 80px;}

.container .article h4 {font-size: 16px;}

.article img {padding: 1px; border: 1px solid #bebebe; display: block; margin: 0 auto;}
.article .body img {max-height: 500px; max-width: 500px;}
.container .header_link {font-size: 12px; color: #00A9C8; font-family: Arial,Helvetica,sans-serif; float: right;}
.container h2 .header_link {margin-top: 6px;}

.article .comments {clear:both; padding-top: 40px;}
.article .comments h4 {background: transparent url('../gfx/stripe_1.png') 0 100% no-repeat; padding-bottom: 10px; font-size: 18px;}

.tag_cloud { text-align: center; padding: 10px 0;  font-family: Arial,Helvetica,sans-serif;}

.tag_cloud a.tag1 { font-size: 9px }
.tag_cloud a.tag2 { font-size: 10px }
.tag_cloud a.tag3 { font-size: 11px }
.tag_cloud a.tag4 { font-size: 12px }
.tag_cloud a.tag5 { font-size: 13px }

.tag_cloud h4 {font-size: 16px; text-align: left; margin-bottom: 10px;}
.menu .tag_cloud a { line-height: 140%; text-decoration: none; background: none; display: inline; }
.menu .tag_cloud a:hover {color: #A6D24A;}

.portal_form {}
.portal_form fieldset { display: block; }
.portal_form fieldset.left { float: left;}
.portal_form fieldset.right { float: left; }
.portal_form label { font-size: 12px; color: #4E4E4E; padding: 10px 10px 4px 0; width: 140px; display: inline-block; margin: 0; vertical-align: top;  }
.portal_form label.long {width: 400px}
.portal_form .tip {font-size: 12px; display: block; margin: 5px 0 10px 155px; font-style: italic; color: #4E4E4E}
.portal_form .tip a { display: inline; font-style: normal }
.portal_form input[type="text"],
.portal_form input[type="password"] { line-height: 100%; color: #4E4E4E; font-size: 12px;
                                                                 padding: 8px 5px 5px 5px; height: 15px; vertical-align: middle;
                                                                 font-family: Arial, Helvetica, sans-serif; }

.portal_form textarea {line-height: 100%; color: #4E4E4E; font-size: 12px; padding: 8px 5px 7px 5px; font-family: Arial, Helvetica, sans-serif;}
.portal_form select { padding: 6px 5px 6px 3px; color: #4E4E4E; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.portal_form select option { padding: 0; margin: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.portal_form input[type="submit"] { border: none; font-size: 18px; font-family: Georgia,Times,serif; color: #053658;  cursor: pointer; margin-left: 155px;}
.portal_form input[type="submit"]:hover {color: #00A9C8;}
.portal_form input[type="submit"].add {background: transparent url('../gfx/ico_add.png') 0 4px no-repeat; padding: 0 0 0 20px;}


#comment_form fieldset {width: 440px; }
#comment_form textarea {height: 80px; resize: none;}

.portal_form label,
.portal_form input,
.portal_form textarea,
.portal_form select {margin-top: 10px;}

.portal_form .w470 {width: 470px;}
.portal_form .w250 { width: 250px }
.portal_form select.w250 { width: 263px; }
.portal_form .w160 { width: 160px }
.portal_form .submit_info { padding: 18px 0 0 34px; display: inline-block; color: #4E4E4E; font-size: 12px }
.portal_form .submit_info a { margin-left: 15px }

.portal_form div.error { color: #cd0a0a; margin: 5px 0 10px 160px;font-size: 10px;}
div.reg_error { color: #cd0a0a; margin: 5px auto; font-size: 16px; text-align: center }

.login_info { font-size: 12px; color: #4E4E4E; margin-bottom: 10px; }
.button3 { position: relative; left:0; top: 0; margin: 50px 0 0 0 }
.thanks { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 150%; padding: 50px 0 150px 0; color: #4E4E4E }

.rel { position: relative }
.clear { clear: both }
.mb_40 { margin-bottom: 40px }
.mb_30 { margin-bottom: 30px }
.mb_20 { margin-bottom: 20px }
.mb_10 { margin-bottom: 10px }
.mb_5 { margin-bottom: 10px }

.mt_20 { margin-top: 20px }
.mt_30 { margin-top: 30px }

.pt_10 { padding-top: 10px }
.pt_40 { padding-top: 40px }
.pt_5 { padding-top: 5px }

.pb_20 { padding-bottom: 20px }
.pb_30 { padding-bottom: 30px }

.h_60  { height: 60px }
.h_88 { height: 88px }
.h_118 { height: 118px }
.h_166 { height: 166px }
.h_513 { height: 503px; }
.h_590 { height: 590px; }
.h_424 { height: 424px }
.h_395 { height: 395px }
.h_280 { height: 280px }

.mh_90 { min-height: 90px }


#recaptcha_widget_div {margin: 10px 0; }
#recaptcha_widget_div img {border: none; padding: 0;}
#recaptcha_widget_div .recaptchatable {background-color: #fff; width: 462px;}
#recaptcha_widget_div input {margin: 0; padding: 0; height: 19px;}
#recaptcha_widget_div div.error {margin: 5px 0 0px 0px;}


.container .ref_item { display: block; font-size: 12px; font-family: Arial,Helvetica,sans-serif; color: #4E4E4E; padding-bottom: 20px }
.container .ref_item i { font-size: 12px; margin-top: 5px; font-family: Arial,Helvetica,sans-serif; display: block; }
.container .ref_item b {display: block; font-size: 12px; font-weight: normal;}

.container .ref_item span.quote {display: block; font-size: 11px; font-weight: normal; line-height: 140%; font-style: italic;}
.container .ref_item span.quote img {border: 4px solid #DDDDDD; float: left; margin: 0 10px 10px 0; max-width: 100px; max-height: 100px;}


.container .column.left {width: 520px; float:left; vertical-align: top;}
.container .column.right {width: 320px; float: right; vertical-align: top;}

.cookie_info {
    background: none repeat scroll 0 0 #003A52;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #aaaaaa;
    font-size: 12px;
    padding: 10px;
    text-align: center;
    line-height: 120%
}
.cookie_info a {color: #aaaaaa; text-decoration: underline}
.cookie_info .close {float: right; cursor: pointer; font-weight: bold; font-size: 16px}