/* Reset */
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object,button{margin:0;padding:0;}
body a{outline:none}
ol{margin-left:20px}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';}
a,ins{text-decoration:none;}
hr			{border-top:1px dotted #CCCCCC;}
*			{margin:0;padding:0;outline:none;}
img			{border: none;}
a			{color:#006699;text-decoration:none;}
a:hover			{color:#333;text-decoration:none;}
body			{background:#243C54 url(../images/wb_logo_bg.jpg) repeat-x;font-family:"Lucida Grande",Arial,Helvetica,Verdana,Tahoma,sans-serif;font-size:68.5%;}
h1, h2, h3, h4, h5, h6 	{letter-spacing:-1px;font-family:helvetica,arial,verdana;margin:0 0 .5em;color:#000;font-weight:bold;}
h1 			{font-size:156%;color:#127270;}
h2 			{font-size:140%;color:#285a65;}
h3 			{font-size:126%}
h4 			{font-size:116%;color:#666;}
h5 			{font-size:106%}
h6 			{font-size:96%}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
.clear {clear:both}


a { text-decoration:none }
.float_left { float:left }
.float_right { float:right!important }
.captcha { visibility:hidden!important }
li { list-style:none }

/* General */
#tickets_wrapper { padding:10px;background:#fff;position:relative }
#tickets_wrapper #tickets_main { padding:0 245px 0 0;min-height:490px }
.wb_logo { background:#1a415e url('../images/wb_logo_bg.jpg') repeat-x;border-bottom:#EDEDED solid 1px;padding:0;height:76px }

/* Top toolbar */

.wb_h1_head .wb_top-lnks a, .wb_h1_head { background:url('../images/header_bg.png') left -1px repeat-x;height:40px;position:relative }
.wb_h1_head .wb_top-lnks { font-weight:bold;position:absolute;right:auto;left:0;top:0;font-size:0.92em;width:100% }
.wb_h1_head .wb_top-lnks a { background-position:right -38px;background-repeat:no-repeat;display:block;height:33px;line-height:33px;color:#666;float:left }
.wb_h1_head .wb_top-lnks a:hover { background-position:right -75px;color:#b30000!important;color:#666 }
.wb_h1_head .wb_top-lnks span { padding:5px 10px 6px 25px;margin:0 0 0 10px;font-size:1.05em;text-transform:capitalize;background-position:left 4px!important;background-repeat:no-repeat!important }

.wb_top-lnks a.create_ticket span { background:url('../images/create_ticket.gif') }
.wb_top-lnks a.browse_solutions span { background:url('../images/browse_solutions.gif') }
.wb_top-lnks a.my_account span { background:url('../images/my_account.gif') }
.wb_top-lnks a.admin span { background:url('../images/admin-cp.gif') }
.wb_top-lnks a.nav_logout span { background:url('../images/logout.gif') }
.wb_top-lnks a.nav_login span { background:url('../images/login.gif') }
.wb_login_logout { float:right }
/* Glossary */
.wb_letters { margin:20px 0;text-align:center;font-size:1em;font-weight:bold }
.wb_letters span { padding:4px 6px 4px 6px;color:#ccc }
.wb_letters a { padding:4px 6px 4px 6px;color:#000 }
.wb_letters a:hover { background:#eee;color:#444 }
.wb_letters a.selected_letter { background:#6F0A0A;color:#fff;font-size:1.2em }

/* Search Box */
.solutions-search-div { background:#edf4fa;border-bottom:#8f9faf solid 3px;margin:0 0 8px;padding:15px 15px 11px 15px }
#solutions-frame { margin:0;width:657px;height:320px;overflow:hidden }
.solutions-search-input, .wb_input_bg, .wb_input_bg label { background:url('../images/solutions-search.png') left top no-repeat }
.wb_input_bg { width:100%;float:left }
.wb_input_bg label { font-size:1.4em!important;color:#333!important;line-height:50px;margin-right:-118px;background-position:left top;width:93px;padding:0 0 0 25px;float:left;height:50px;display:block }

.solutions-search-input { padding:0;height:35px;padding:15px 0 0 0;font-size:1.3em;border:0;background-position:right top;color:#5a5a5a;width:100% }
.wb_search_container { margin-left:118px }
.sol-search-form label { *margin-top:1px;color:#909090;font-size:0.63em }
a.close { position:absolute;right:21px;top:21px;background:url('../images/search-close.gif') left bottom no-repeat;display:block;height:15px;width:53px;text-indent:-999em;z-index:999 }
a.close:hover { background-position:left top;color:#000 }
#autosuggest { position:absolute;z-index:98;opacity:0.95;filter:alpha(opacity = 95);width:700px;padding:5px;display:none }
#autosuggest .b2,#autosuggest .b3,#autosuggest .b4 { border-color:#9c9c9c }
#autosuggest .b1 { background:#9c9c9c }
#autosuggest .wrapper { border-color:#9C9C9C }
.autosuggest-solutions { margin:0 0 0 140px;top:86px!important;*top:88px!important;background:#edf4fa;border:#8f9faf solid 3px;border-top:0;left:0px;width:657px!important;height:330px!important;padding:5px }

/* Sidebar */
.sol-side { width:233px!important;border:0!important }
.sol-side .none { display:block!important }
.sol-side #sol_sidebar { display:block!important }
#sol_sidebar { position:absolute;right:10px;top:10px;width:233px }
#sol_sidebar h2 { background:#e9e9e9;padding:2px 4px 0 15px;margin:0 0 3px 0;height:25px;line-height:25px;font-size:1em;text-transform:uppercase;letter-spacing:0;color:#333 }
#sol_sidebar a span, #sol_sidebar a { display:block;height:20px;line-height:20px }
#sol_sidebar a { font-size:0.92em;padding:0 0 0 15px;color:#666 }
#sol_sidebar a span { cursor:pointer;border-bottom:#e3e3e3 solid 1px }
#sol_sidebar a:hover, #sol_sidebar a.selected { background:#fff url('../images/sol-sidebar-bg.gif') left top no-repeat;color:#fff }
#sol_sidebar a:hover span , #sol_sidebar a.selected span { background:#6c6c6c }
#sol_sidebar a span b { float:left;font-weight:normal;overflow:hidden;width:195px }
#sol_sidebar a span i { float:right;padding:0 5px 0 0;color:#bbb; }
#sol_sidebar a.selected i, #sol_sidebar a:hover i { color:#fff;font-style:normal }
#sol_sidebar a.selected span, #sol_sidebar a:hover span { border-color:#fff }

/* Ticket solution container */
.solution_wrapper { padding-right:205px!important;width:auto!important }
.solution_wrapper .none { border-bottom:#ccc solid 1px }
.ticket_solution { margin:0 0 30px 0 }
.ticket_solution .wrapper {display:block; background:#f6f6f6; border:0 solid #ccc; border-width:0 1px;border-color:#ccc;padding:5px 10px 5px 10px;line-height:1.3em }
.ticket_solution .wrapper h2 { color:#336699!important;font-weight:bold;padding:3px 0 4px 30px;background:url('../images/solution_bg.png') left 2px no-repeat!important;margin:0 }
.wb_view_solution_h2 { letter-spacing:0;padding:5px 0 23px 30px!important }
.ticket_solution .wrapper h2 a { color:#336699;font-size:0.86em;letter-spacing:0 }
.ticket_solution .wrapper h2 a:hover { color:#000 }
.ticket_solution .wrapper .text { padding:0 0 0 30px;color:#444 }
.ticket_solution .wrapper .text a { color:#55697b }
.ticket_solution .wrapper .text a:hover { text-decoration:underline }
.ticket_solution .wrapper .text .wb_tags { margin:14px 0 0 0;height:20px }
.ticket_solution .wrapper .text .wb_tags a { display:block;float:right;height:18px;line-height:18px;font-size:0.93em;background:#fbfbfb;padding:0 5px 0 5px;color:#6f0a0a;border-right:#d3d3d3 dotted 1px;border-bottom:#ececec solid 1px;border-top:#fff solid 1px;border-left:#fff solid 1px }
.ticket_solution .wrapper .text .wb_tags a:hover { background:#fff;color:#111;border-color:#ececec;border-left-color:#f6f6f6;border-right-color:#d3d3d3 }
.ticket_solution .wrapper .view-solution-text { padding:0;font-size:1.1em;line-height:1.5em }
.ticket_solution .wrapper .view-solution-text code, .ticket_solution .wrapper .view-solution-text pre { font-size:1.3em;line-height:1.1em;color:#000;padding:15px 0 15px 30px }
.ticket_solution .wrapper .view-solution-text strong { font-weight:bold;color:#000 }
.ticket_solution .wrapper .view-solution-text ul { color:#6F0A0A;margin:0 0 15px 40px }
.ticket_solution .wrapper .view-solution-text ul li { list-style-type:square }
.ticket_solution .wrapper .view-solution-text blockquote { padding:10px;background:#fff;border:#ccc solid 1px;margin:15px 10px;border-left-width:5px }


.no-results { color:#444;text-align:center;border:#ddd solid 1px;border-color:#ddd #fff #ddd #fff;margin:10px 0 10px 0;padding:15px 0 15px 0 }
.top, .bottom {display:block; background:transparent; font-size:1px;}
.b1, .b2, .b3, .b4 {display:block; overflow:hidden;}
.b1, .b2, .b3 {height:1px;}
.b2, .b3, .b4 {background:#f6f6f6; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.b1 {margin:0 5px; background:#ccc;}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px;}
.b4 {height:2px; margin:0 1px;}
a.wb_print { background:url('../images/printer.gif') left 5px no-repeat;width:16px;height:16px;line-height:22px;padding:3px 3px 3px 20px;margin:0 7px 5px 0;font-size:0.92em;color:#333 }
a.wb_print:hover { color:#000;text-decoration:underline }

/* Breamcrumb */
.wb_breadcrumb { text-transform:uppercase;margin:0 0 10px;*margin:0;float:left;padding:7px 5px 6px 5px;font-weight:bold;color:#767676;font-size:0.83em }
.wb_breadcrumb a { color:#44698d;margin:0 5px 0 5px }
.wb_breadcrumb a:hover { color:#333 }
.wb_breadcrumb b { padding:0 5px 0 5px;color:#000 }

/* Create ticket */
.headers { padding:10px 8px 8px 8px;font-weight:bold;background:#ececec;border-bottom:#999 solid 1px;margin:15px 0 0 0 }
.appnitro { position:relative;font-size:1.1em!important }
.new-ticket-main { padding:0!important }

/* Footer */
#wb_footer { font-size:0.97em;text-align:center;line-height:20px;background:#243C54 url(../images/footer_bg.jpg) repeat-x top!important;color:#fff;height:53px;border-bottom:#000 solid 1px;border-top:#000 solid 1px;padding-top:10px; }
#wb_footer a { color:#fff;font-weight:bold;padding:0 4px 0 4px }
#wb_footer a:hover { text-decoration:underline }

div.pagination {padding: 10px;margin-top: 15px;text-align:left;color:#121d27;font-size:11px;background:#e6e8e9;font-family:arial,helvetica,sans-serif;font-weight:bold}
div.pagination a {border: 1px solid #909090;margin-right:2px;padding:2px 4.85px;background-image:url(../images/bar.gif);background-position:bottom;text-decoration: none;color: #333;}
div.pagination a:hover, div.pagination a:active {border: 1px solid #4d4d4d;background-image:url(../images/invbar.gif);background-color:#404040;color: #ffffff;}
div.pagination span.current {margin-right:3px;padding:2px 5px;border: 1px solid #4d4d4d;font-weight: bold;background-color: #606060;color: #ffffff;}

form.appnitro li ul {margin:-8px!important }
form.appnitro li ul li { width:99%!important }