html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, button, input, span, blockquote, pre, a, em, font, img, small,
strike, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; }
blockquote:before, blockquote:after { content: ''; content: none; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; }
p, li, h1, h2, h3, h4, b, a, label { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; }


body { background: url(/imgs/bg.png) 0 0 repeat; text-align: center; }
.ie body { behavior: url(/js/csshover3.htc); }
#header { width: 800px; margin: 0 auto; text-align: left; background-color: white; padding: 15px 0; border: solid 1px #727272;/*9c9179*/ border-top: 0; }
#logo { width: 354px; height: 60px; margin-left: 15px; }
#box { background-color: white; border: solid 1px #727272;/*9c9179*/ min-height: 400px; margin-top: 10px; margin-bottom: 10px; }
#footer, #footer a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: black; }
#footer a:hover { background-color: white; }

#menu { float: right; }
#menu li { list-style-type: none; display: inline; }
#menu li a { padding: 2px 5px; margin: 0 10px; text-decoration: none; color: black; }
#menu li a:hover { background-color: #e8e8e8; }

#login_frm { font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: solid 1px #727272; margin: 25px 0; }
.webkit #login_frm { -webkit-border-radius: 10px; } .gecko #login_frm { -moz-border-radius: 10px; }
#login_frm p { padding: 0 5px; }
#login_frm input { width: 200px; border: solid 1px #A9C2C7; background-color: white; font-size: 14px; line-height: 18px; padding: 2px;  }
#login_frm input:focus { border: solid 1px #229bf3; }
#login_frm h2 { font-size: 20px; line-height: 26px; font-weight: normal; color: black; background-color: #c9e1f2; margin-bottom: 5px; padding: 3px 10px; }
.webkit #login_frm h2 { -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; } .gecko #login_frm h2 { -moz-border-radius: 8px 8px 0 0; }
#login_frm button { margin: 10px 0 10px 0; height: 30px; background: url(/imgs/btn_28.png) 0 0 repeat-x; border: solid 1px #b3b3b3; width: 206px; }
.webkit #login_frm button { -webkit-border-radius: 5px; } .gecko #login_frm button { -moz-border-radius: 5px; }
#login_frm button:hover { border: solid 1px #229bf3; cursor: pointer; }
#login_frm button span { color: #212121; font-weight: bold; font-size: 16px; margin: 0;}
#login_frm label { display: block; text-align: left; color: #737373; }
#login_frm .err { background-color: red; padding: 5px; color: white; font-weight: bold; }

/*p { padding: 5px; }*/
#welcome #intro { background-color: #cfc1a1; margin: 25px 0; height: 485px; border: solid 1px #9c9179; }
#welcome #intro p { margin: 60px auto; width: 400px; font-size: 36px; line-height: 40px; color: white;  text-align: justify;  }
 .webkit #welcome #intro { -webkit-border-radius: 10px; } .gecko #welcome #intro{ -moz-border-radius: 10px; }
.de #welcome #intro p { margin: 40px; }

#wel_signup { font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: solid 1px #727272; margin: 25px 0;  }
.webkit #wel_signup { -webkit-border-radius: 10px; } .gecko #wel_signup { -moz-border-radius: 10px; }
#wel_signup h2 {  font-size: 20px; line-height: 26px; font-weight: normal; color: black; background-color: #c9e1f2; margin-bottom: 5px; padding: 3px 10px; }
.webkit #wel_signup h2 { -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; } .gecko #wel_signup h2 { -moz-border-radius: 8px 8px 0 0; }
#wel_signup p { margin: 10px; }
#wel_signup .signup { display: block; margin: 10px 0 10px 0; height: 30px; background: url(/imgs/btn_30g.png) 0 0 repeat-x; border: solid 1px #b3b3b3; width: 196px; color: white; font-weight: bold; font-size: 16px; line-height: 32px; text-align: center; margin: 0; text-decoration: none; }
.webkit #wel_signup .signup { -webkit-border-radius: 5px; } .gecko #wel_signup .signup { -moz-border-radius: 5px; }
#wel_signup .signup:hover { border: solid 1px #229bf3; cursor: pointer; }

#wel_twitter { font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: solid 1px #727272; margin: 25px 0;  }
.webkit #wel_twitter { -webkit-border-radius: 10px; } .gecko #wel_twitter { -moz-border-radius: 10px; }
#wel_twitter h2 {  font-size: 20px; line-height: 26px; font-weight: normal; color: black; background-color: #c9e1f2; margin-bottom: 5px; padding: 3px 10px; }
.webkit #wel_twitter h2 { -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; } .gecko #wel_twitter h2 { -moz-border-radius: 8px 8px 0 0; }
#wel_twitter p { margin: 10px; }
#wel_twitter img { float: left; }

#query { font-family: Arial, Helvetica, sans-serif; background-color: #c9e1f2; border: solid 1px #229bf3; margin-top: 10px; padding: 0 5px; }
.webkit #query { -webkit-border-radius: 10px; } .gecko #query { -moz-border-radius: 10px; }
#query h2 { font-size: 20px; line-height: 26px; font-weight: normal; }
#query input.t { width: 400px; border: solid 1px #A9C2C7; background-color: white; font-size: 14px; line-height: 18px; padding: 2px; margin-right: 5px; }
#query input.t:focus, #query input.t:active { border: solid 1px #229bf3; }
#query input.rad { margin-left: 10px; background-color: none; border: 0; }
.ie #query input.rad { margin-left: 10px; width: 15px; }
#query span { font-size: 11px; }
#query label { display: block; text-align: left; color: #737373; }
#query label.inl { display: inline; font-size: 11px;}
#query button { background: url(/imgs/btn_28.png) 0 -2px repeat-x; border: solid 1px #b3b3b3; width: 106px; }
.webkit #query button { -webkit-border-radius: 5px; } .gecko #query button { -moz-border-radius: 5px; }
#query button:hover { border: solid 1px #229bf3; cursor: pointer; }
#query button span { color: #212121; font-weight: bold; font-size: 16px; line-height: 22px; margin: 0;}
#query #qry_load { margin-top: 2px; margin-bottom: 1px; }

#query_results { font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: solid 1px #C9E1F2; border-top: 0; background: url(/imgs/bg_lt.png) 0 0 repeat; /*background-color: #eff6fb;*/ padding: 5px 10px 5px 10px; }
.webkit #query_results { -webkit-border-bottom-radius: 10px; } .gecko #query_results { -moz-border-radius: 0 0 10px 10px; }
#query_results h2 { font-size: 16px; line-height: 20px; font-weight: normal; }
#query_results .close { font-size: 10px; float: right; text-transform: uppercase; padding: 0 3px; color: #ccc; }
#query_results .close:hover { cursor: pointer; background-color: #ccc; color: white; }
#query_results .sml { font-size: 10px; color: #737373; }
#query_results .img { float: left; padding-right: 3px; background: url(/imgs/img_load.gif) 0 0 no-repeat; min-height: 20px; min-width:20px; }
#query_results a { font-size: 11px; }
#query_results b { font-weight: normal; font-size: 12px; }
#query_results td { border-bottom: solid 1px #e8e8e8; vertical-align: middle; }
#query_results td.c { background-color: white; text-align: center; border-bottom: 0;}
#query_results button.add { text-align: center; width: 60px; height: 30px; background: url(/imgs/btn_28.png) 0 0 repeat-x; border: solid 1px #b3b3b3; }
#query_results button.add img { margin-right: 5px;  }
#query_results button.add span { font-size: 12px; color: #212121; font-weight: bold; line-height: 14px; }
.webkit #query_results button.add { -webkit-border-radius: 5px; } .gecko #query_results button.add { -moz-border-radius: 5px; }
#query_results button.add:hover { border: solid 1px #229bf3; cursor: pointer; }
.de #query_results button.add { width: 110px; }
#query_results a.am{ background: url(/imgs/a_bg.png) 0 0 repeat-x; height: 20px; border: solid 1px #364C7A; padding: 0 2px; text-decoration: none; color: black; }
.webkit #query_results a.am { -webkit-border-radius: 3px; } .gecko #query_results a.am { -moz-border-radius: 3px; }



#results { font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: solid 1px #9c9179; /*padding: 0 10px 5px 10px;*/ margin: 15px 0;  }
.webkit #results { -webkit-border-radius: 10px; } .gecko #results { -moz-border-radius: 10px; }
#results h2 {  font-size: 20px; line-height: 26px; font-weight: normal; color: white; background-color: #cfc1a1; margin-bottom: 5px; padding: 0 10px; }
.webkit #results h2 { -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; } .gecko #results h2 { -moz-border-radius: 8px 8px 0 0; }
/*#results list { padding: 0 10px; }*/

#results tr { border-bottom: solid 1px #e8e8e8; }
#results td { vertical-align: middle; }
#results td.c { text-align: center; width: 95px; cursor: default;  }
#results td.d { width: 380px; }
#results td.p { cursor: default; }
#results a { font-size: 11px; }
#results b { font-size: 12px; line-height: 18px; }
#results i { font-style: normal; }
#results p.p { font-size: 12px; line-height: 14px; }
#results .sml { font-size: 10px; line-height: 12px; }
#results p.d { font-size: 10px; padding: 5px 0; }
#results p.m { font-size: 10px; text-align: center; }
#results p.no { font-size: 11px; margin: 150px 0; }
#results p.no { font-style: italic; text-align: center; }
#results input.l { width: 50px; border: solid 1px #9c9179; font-size: 15px; line-height: 22px; text-align: center;}
.ie #results input.l { padding-bottom: 2px;}
#results input.l:hover, #results input.l:active, #results input.l:focus { border: solid 1px #229bf3 }
#results input.l.saved { background-color: #c9e1f2; border: solid 1px #229bf3; }
.webkit #results input.l { -webkit-border-radius: 3px; } .gecko #results input.l { -moz-border-radius: 3px; }
#query input.l:focus, #query input.l:active { border: solid 1px #229bf3; }
#results button.c { font-size: 8px; line-height: 10px; height: 15px; width: 51px; border: solid 1px #B3B3B3; background: url(/imgs/btn_13.png) 0 0 repeat-x; margin: 1px 0; padding: 0; text-transform: uppercase; }
.webkit #results button.c { -webkit-border-radius: 3px; } .gecko #results button.c { -moz-border-radius: 3px; }
#results button.c:hover { cursor: pointer; }
#results button.c.sel { border: solid 1px #5b9400; background: url(/imgs/btn_13g.png) 0 0 repeat-x; color: white; }
#results .del { font-size: 10px; text-transform: uppercase; color: #ccc; }
#results .del:hover { cursor: pointer; background-color: #9d0404; color: white; }
#results .mov { font-size: 10px; text-transform: uppercase; color: #ccc; float: right; }
#results .mov:hover { cursor: pointer; background-color: #727272; color: white; cursor: move;}
.footer { font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin-top: 10px; padding-bottom: 10px; }
#results a.am{ background: url(/imgs/a_bg.png) 0 0 repeat-x; height: 20px; border: solid 1px #364C7A; padding: 0 2px; text-decoration: none; color: black; }
.webkit #results a.am { -webkit-border-radius: 3px; } .gecko #results a.am { -moz-border-radius: 3px; }

#results tr { background-color: white; }
#results tr.ui-sortable-helper { border: solid 1px #727272; background-color: #e8e8e8; }
.ui-sortable-placeholder { height: 100px; margin: 5px 0; }
#results .list {margin-bottom: 6px; }

#suggestions { font-family: Arial, Helvetica, sans-serif; margin-top: 10px; background-color: #e8e8e8; padding: 0 5px; }
.webkit #suggestions { -webkit-border-radius: 10px; } .gecko #suggestions { -moz-border-radius: 10px; }
#suggestions h2 { font-size: 20px; line-height: 26px; font-weight: normal; }
#suggestions .s_it { background-color: white; margin: 10px 0; border: solid 1px #ccc; padding: 5px; position: relative; min-height: 75px; }
#suggestions .s_it .img { float: left; padding-right: 3px; background: url(/imgs/img_load.gif) 0 0 no-repeat; min-height: 20px; min-width:20px; }
#suggestions .s_it:hover { border: solid 1px #229bf3; }
.webkit #suggestions .s_it { -webkit-border-radius: 5px; } .gecko #suggestions .s_it  { -moz-border-radius: 5px; }
#suggestions button.add { position: absolute; bottom: 5px; right: 5px;  text-align: center; width: 60px; height: 30px; background: url(/imgs/btn_28.png) 0 0 repeat-x; border: solid 1px #b3b3b3; }
#suggestions button.add img { margin-right: 5px;  }
#suggestions button.add span { font-size: 12px; color: #212121; font-weight: bold; line-height: 14px; }
.webkit #suggestions button.add { -webkit-border-radius: 5px; } .gecko #suggestions button.add { -moz-border-radius: 5px; }
#suggestions button.add:hover { border: solid 1px #229bf3; cursor: pointer; }
.de #suggestions button.add { width: 110px; }
#suggestions .no { margin-top: 30px; padding-bottom: 30px; font-style:italic; }

#share { font-family: Arial, Helvetica, sans-serif; margin: 10px 0;  border: solid 1px #e8e8e8;}
.webkit #share { -webkit-border-radius: 10px; } .gecko #share { -moz-border-radius: 10px; }
#share h2 { font-size: 20px; line-height: 26px; font-weight: normal; background-color: #e8e8e8; padding: 0 5px;}
.webkit #share h2 {  -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; } .gecko #share h2 { -moz-border-radius: 8px 8px 0 0; }
#share p { margin: 3px 0;  padding: 0 5px; }
#share p img {margin: 0 3px; }
#share p a { color: black; text-decoration: none; }
#share p a:hover { background-color: #e8e8e8; }

#settings { font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: solid 1px #555; background-color: #ccc; margin: 15px 0; }
.webkit #settings { -webkit-border-radius: 10px; } .gecko #settings { -moz-border-radius: 10px; }
#settings h2 {  font-size: 20px; line-height: 26px; font-weight: normal; margin-bottom: 5px; padding: 0 10px; color: white; }


#settings fieldset { margin: 5px; border: solid 1px #acacac; padding: 10px 20px; margin: 10px; background-color: white;}
.webkit #settings fieldset { -webkit-border-radius: 10px; } .gecko #settings fieldset { -moz-border-radius: 10px; }
#settings fieldset legend { text-transform: uppercase; font-size: 10px; padding: 5px 10px; margin-left: 10px; color: white; background-color: #acacac; }
.webkit #settings fieldset legend { -webkit-border-radius: 5px; } .gecko #settings fieldset legend { -moz-border-radius: 5px; }
#settings label { display: block; margin-top: 10px; }
#settings label.inl { display: inline; margin-top: 10px; }
#settings input.t, #settings select.t { width: 200px; border: solid 1px #ccc; background-color: white; font-size: 14px; line-height: 18px; padding: 2px; margin-right: 5px; }
#settings input.t:focus, #settings input.t:active, #settings select.t:focus, #settings select.t:active { border: solid 1px #229bf3; }
#settings button { display: block; background: url(/imgs/btn_28.png) 0 0 repeat-x; border: solid 1px #b3b3b3; width: 136px; margin-top: 5px; }
.webkit #settings button { -webkit-border-radius: 5px; } .gecko #settings button { -moz-border-radius: 5px; }
#settings button:hover { border: solid 1px #229bf3; cursor: pointer; }
#settings button span { color: #212121; font-weight: bold; font-size: 12px; line-height: 22px; margin: 0;}
#settings .expl { float: right; width: 200px; color: #acacac; font-style: italic; margin: 10px 20px 0 0; }
#settings .expl.a { color: #229bf3;}
#settings .res h2.ok { background-color: #ceedc9; padding: 5px; font-weight: bold; font-size: 14px; line-height: 20px; color: #212121; }
#settings .res h2.err { background-color: #fad0d0; padding: 5px; font-weight: bold; font-size: 14px; line-height: 20px; color: #212121; }
#settings .important, #settings .important a { font-weight: bold; color: red; font-size: 11px; }
#settings .important { padding-top: 2px; }
#settings span.s12 { font-size: 12px; }

/*.pages p, .pages li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; }*/
.pages ul, .pages ol { margin-bottom: 15px; }
.pages li { list-style-type: decimal; padding-left: -10px; margin-left: 25px; margin-top: 5px; margin-bottom: 5px; }
.pages li.q { list-style-type: none; padding-left: 0; margin-left: 5px; font-weight: bold; margin-bottom: 0; margin-top: 10px; }
.pages li.a { list-style-type: none; padding-left: 0; margin-left: 5px; font-weight: normal; margin-top: 0; margin-bottom: 10px; }

.pages { font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: solid 1px #727272; margin: 25px 0;  }
.webkit .pages { -webkit-border-radius: 10px; } .gecko .pages { -moz-border-radius: 10px; }
.pages h2 {  font-size: 20px; line-height: 26px; font-weight: normal; color: black; background-color: #c9e1f2; margin-bottom: 5px; padding: 3px 10px; }
.webkit .pages h2 { -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; } .gecko .pages h2 { -moz-border-radius: 8px 8px 0 0; }
.pages p { margin: 10px; }
.pages p img.tour { float: right; margin: 5px; border: solid 1px #727272; padding: 3px; }

span.em { unicode-bidi:bidi-override; direction: rtl; }

/* grid */
.c_10 { margin-left: auto; margin-right: auto; width: 800px; } .g_1, .g_2, .g_3, .g_4, .g_5, .g_6, .g_7, .g_8, .g_9, .g_10 { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; text-align: left; }
.alpha { margin-left: 0; } .omega { margin-right: 0; } .c_10 .g_1 { width:60px; } .c_10 .g_2 { width:140px; } .c_10 .g_3 { width:220px; } .c_10 .g_4 { width:300px; } .c_10 .g_5 { width:380px; } .c_10 .g_6 { width:460px; } .c_10 .g_7 { width:540px; } .c_10 .g_8 { width:620px; } .c_10 .g_9 { width:700px; } .c_10 .g_10 { width:780px; } .c_10 .pre_1 { padding-left:80px; } .c_10 .pre_2 { padding-left:160px; } .c_10 .pre_3 { padding-left:240px; } .c_10 .pre_4 { padding-left:320px; } .c_10 .pre_5 { padding-left:400px; } .c_10 .pre_6 { padding-left:480px; } .c_10 .pre_7 { padding-left:560px; } .c_10 .pre_8 { padding-left:640px; } .c_10 .pre_9 { padding-left:720px; } .c_10 .suf_1 { padding-right:80px; } .c_10 .suf_2 { padding-right:160px; } .c_10 .suf_3 { padding-right:240px; } .c_10 .suf_4 { padding-right:320px; } .c_10 .suf_5 { padding-right:400px; } .c_10 .suf_6 { padding-right:480px; } .c_10 .suf_7 { padding-right:560px; } .c_10 .suf_8 { padding-right:640px; } .c_10 .suf_9 { padding-right:720px; } .c_10 .push_1 { left:80px; } .c_10 .push_2 { left:160px; } .c_10 .push_3 { left:240px; } .c_10 .push_4 { left:320px; } .c_10 .push_5 { left:400px; } .c_10 .push_6 { left:480px; } .c_10 .push_7 { left:560px; } .c_10 .push_8 { left:640px; } .c_10 .push_9 { left:720px; } .c_10 .pull_1 { left:-80px; } .c_10 .pull_2 { left:-160px; } .c_10 .pull_3 { left:-240px; } .c_10 .pull_4 { left:-320px; } .c_10 .pull_5 { left:-400px; } .c_10 .pull_6 { left:-480px; } .c_10 .pull_7 { left:-560px; } .c_10 .pull_8 { left:-640px; } .c_10 .pull_9 { left:-720px; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; }

.safari * { font-size: 95%; }
