/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video
{
    display: block;
}
mark, rp, rt, ruby, summary, time
{
    display: inline;
}


/* Global properties
---------------------------------------- */
body
{
    background: #21242a;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height: 1.125em;
    color: #756f6e;
    position: relative;
}
html
{
    min-width: 980px;
}
html, body
{
    height: 100%;
}

.bg
{
    width: 100%;
    background: url(../images/texture.gif) 0 0 repeat #e0e4ea;
}
.bg2
{
    width: 100%;
    background: url(../images/tail-top.gif) 0 0 repeat-x;
}

.color-1
{
    color: #fff;
}
.color-2
{
    color: #000;
}
.color-3
{
    color: #33d0ff;
}
/* Global Structure
---------------------------------------- */
.main
{
    margin: 0 auto;
    position: relative;
    width: 980px;
    font-size: 0.8125em;
    line-height: 1.384em;
}

/* Header */
#header
{
    height: 189px;
}

/* Content */
#content
{
    padding: 0px 9px 70px 9px;
    margin-bottom: 18px;
    border: 1px solid #ced6db;
    background: #fff;
    box-shadow: 0 0 3px #d0d4db;
    -moz-box-shadow: 0 0 3px #d0d4db;
    -webkit-box-shadow: 0 0 3px #d0d4db;
    
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    min-height:400px;
}

#content .col-1
{
    float: left;
    width: 178px;
    margin-right: 13px;
}
#content .col-1 a
{
    font-size: 14px;
}

p strong
{
    color: #33d0ff;
}
.text-2
{
    font-size: 14px;
}

.padding-right
{
    padding-right: 60px;
}
.marker-1
{
    display: inline-block;
    padding-left: 12px;
    color: #878687;
    background: url(../images/marker-2.gif) 0 6px no-repeat;
}

.box-top
{
    display: block;
    padding: 8px 64px 8px 10px;
    overflow: hidden;
    border-bottom: 5px solid #f1f3f5;
}
.box-top .text-1
{
    font-size: 18px;
    color: #0382a8;
    padding-top: 10px;
}
.text-3
{
    font-size: 18px;
    line-height: 27px;
    color: #272320;
}

.font-1
{
    font-family: Arial, Helvetica, sans-serif;
}

.top
{
    overflow: hidden;
    padding: 0 0 0 10px;
}

.box
{
    float: left;
    width: 305px;
    padding: 3px;
    margin-right: 1px;
    border: 1px solid #f1f1f1;
    background: #fff;
    box-shadow: 0 0 3px #f1f1f1;
    -moz-box-shadow: 0 0 3px #f1f1f1;
    -webkit-box-shadow: 0 0 3px #f1f1f1;
    
    position: relative;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    
    position: relative;
}
.box-bg
{
    padding: 30px 25px 26px 17px;
    overflow: hidden;
    color: #676767;
    background: url(../images/box.gif) 0 0 repeat #e5e9ee;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    
    position: relative;
}
.box-bg.alt
{
    background: url(../images/box-h.gif) 0 0 repeat #f4f3f6;
}

.box .title-1, .box .title-2, .box .title-3
{
    padding: 0 0 0 82px;
    font-size: 36px;
    color: #00c4ff;
    margin-bottom: 14px;
    background: url(../images/icon1.jpg) 0 8px no-repeat;
    text-transform: none;
}
.box .title-1 strong, .box .title-2 strong, .box .title-3 strong
{
    display: block;
    font-size: 30px;
    color: #808080;
    margin-top: -13px;
    text-transform: none;
}

.box .title-2
{
    background: url(../images/icon2.jpg) 0 8px no-repeat;
}
.box .title-3
{
    background: url(../images/icon3.jpg) 0 8px no-repeat;
}


.box-news
{
    overflow: hidden;
    padding: 27px 20px 34px 20px;
    background: url(../images/texture1.gif) 0 0 repeat;
}
.box-news h3
{
    font-size: 24px;
    line-height: 1.2em;
    color: #484645;
    margin-bottom: 5px;
    text-transform: none;
}
.box-news h6
{
    font-size: 12px;
    color: #00c4ff;
    text-transform: uppercase;
    margin-bottom: 6px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
}

.box-404
{
    width: 942px;
    height: 509px;
    color: #414141;
    margin: 0 auto;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    background: url(../images/bg-404.jpg) 0 0 no-repeat;
}
.box-404 .padding
{
    padding: 90px 25px 20px 600px;
}
.img-404
{
    position: absolute;
    top: 37px;
    left: 408px;
}

.list-1 li
{
    font-size: 14px;
    line-height: 26px;
    padding-left: 12px;
    background: url(../images/marker-2.gif) 0 10px no-repeat;
    position: relative;
}
.list-1 li a
{
    color: #00c4ff;
}
.list-1 li a:hover
{
    color: #000;
}

.list-2 li
{
    font-size: 13px;
    line-height: 18px;
    padding-left: 23px;
    padding-bottom: 6px;
    position: relative;
    background: url(../images/marker-4.gif) 0 2px no-repeat;
}
.list-2 li a
{
    color: #767676;
    text-decoration: none;
}
.list-2 li a:hover
{
    color: #000;
}

.list_1 li
{
    background: url(../images/list_1-marker.gif) left 6px no-repeat;
    padding: 0px 0 4px 15px;
    margin-top: 4px;
    font-size: 13px;
    line-height: 18px;
    position: relative;
}
.list_1 li a
{
    color: #767676;
    text-decoration: none;
}
.list_1 li a:hover
{
    text-decoration: underline;
}
.list_1 li ul
{
    padding-left: 15px;
}
.list_1 li ul li
{
    background: url(../images/list_1-marker1.gif) left 4px no-repeat;
    padding: 0 0 0 14px;
    font-size: 1em;
    margin: 0;
}


.img-indent
{
    float: left;
    margin: 0 16px 0px 0;
}
.img-indent-r
{
    float: right;
    margin: 0 0px 0px 12px;
}

time
{
    display: block;
    width: 58px;
    text-align: center;
    font-size: 30px;
    line-height: 1.333em;
    color: #1b1a1a;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0 0 5px 0;
    background: #fff;
    box-shadow: 3px 3px 4px #d5dcdf;
    -moz-box-shadow: 3px 3px 4px #d5dcdf;
    -webkit-box-shadow: 3px 3px 4px #d5dcdf;
    
    position: relative;
}
time span
{
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.307em;
    color: #fff;
    text-transform: uppercase;
    background: #00c4ff;
}

dl.info dt
{
    font-weight: normal;
    color: #00c4ff;
    padding-bottom: 20px;
}
dl.info dd
{
    margin: 0;
    padding: 0;
}
dl.info span
{
    float: left;
    width: 100px;
}

figure figcaption
{
    color: #484645;
    font-size: 24px;
    text-align: center;
    padding: 10px 0 10px 0;
    background: #dae2ea;
}
/* Sidebar */
.bottom
{
    background: url(../images/tail-aside.gif) 0 0 repeat #9ca7af;
    padding: 33px 0 44px;
    position: relative;
    height: 1%;
    border-bottom: 1px solid #bbc4c9;
    border-top: 1px solid #8a96a1;
}
.bottom .inside
{
    padding: 0 10px 0 10px;
}


/* Footer */
#footer
{
    width: 100%;
    padding: 37px 0 12px 0;
    color: #7993a0;
    background: #21242a;
    border-top: 1px solid #141519;
}
#footer a
{
    color: #7993a0;
}
#footer a:hover
{
    color: #fff;
}
#footer span
{
    color: #fff;
}

.call-box
{
    float: right;
    padding-left: 51px;
    font-size: 21px;
    line-height: 21px;
    color: #7993a0;
    font-weight: bold;
    background: url(../images/pict-5.gif) 0 0 no-repeat;
}
.call-box strong
{
    font-size: 24px;
    line-height: 1.2em;
    color: #fff;
}

/* Left & Right alignment */

.fleft
{
    float: left;
}
.fright
{
    float: right;
}
.clear
{
    clear: both;
}

.alignright
{
    text-align: right;
}
.aligncenter
{
    text-align: center;
}

.wrapper
{
    width: 100%;
    overflow: hidden;
}

/* indents */
.inside
{
    padding: 0 20px;
}
.inside-top
{
    padding: 48px 0 0 0;
}
.indent-right
{
    padding-right: 15px;
}
.indent1
{
    padding: 30px 0 0 10px;
}

#content .inside
{
    padding: 0 10px 0 10px;
}
#content .inside-left
{
    padding: 0 0 0 10px;
}
#content .inside-right
{
    padding: 0 10px 0 0;
}


/* Paragraph styling */
p
{
    margin-bottom: 16px;
}
.p1
{
    margin-bottom: 8px;
}
.p2
{
    margin-bottom: 15px;
}
.p3
{
    margin-bottom: 30px;
}
.p4
{
    margin-bottom: 40px;
}
.p5
{
    margin-bottom: 50px;
}

.indent-bot
{
    margin-bottom: 20px;
}
.indent-bot1
{
    margin-bottom: 25px;
}
.indent-bot2
{
    margin-bottom: 30px;
}
.indent-bot3
{
    margin-bottom: 35px;
}

.img-indent-bot
{
    margin-bottom: 25px;
}

/*----- txt, links, lines, titles -----*/
a
{
    color: #00c4ff;
    outline: none;
    text-decoration: underline;
}
a:hover, a:focus
{
    text-decoration: none;
}
a:active, a:visited
{
}

blockquote
{
    display: block;
    margin: 0 0px 0px 0px;
    font-size: 13px;
    line-height: 18px;
    color: #868686;
    quotes: none;
    background: url(../images/texture1.png) 0 0 repeat #e1e9ed;
}

.border-left
{
    border-left: 1px solid #d6d6d6;
}
.quotes
{
    padding: 20px 20px 26px 20px;
    background: url(../images/quotes.png) 3px 12px no-repeat;
}
blockquote h3
{
    font-size: 26px;
    line-height: 1.2em;
    color: #272320;
    text-transform: uppercase;
    padding-left: 10px;
    letter-spacing: 1px;
    margin-bottom: 18px;
}
blockquote h6
{
    font-size: 12px;
    color: #00c4ff;
    text-transform: uppercase;
    margin-bottom: 6px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
}
blockquote.left
{
    border-right: 1px solid #d6d6d6;
    width: 36%;
    float: left;
    margin-right: 20px;
    padding: 20px 15px 20px 0px;
    background: none;
}
blockquote.right
{
    border-left: 1px solid #d6d6d6;
    width: 36%;
    float: right;
    margin-left: 20px;
    padding: 20px 0px 20px 15px;
    background: none;
}


ins
{
    background-color: #22262b;
    color: #fff;
    padding: 0 5px;
    text-decoration: none;
}

mark
{
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del
{
    text-decoration: line-through;
}

abbr[title], dfn[title]
{
    border-bottom: 1px dotted #000;
    cursor: help;
}

em, dfn
{
    font-style: italic;
    color: #00c4ff;
}
dfn
{
    color: #00c4ff;
    letter-spacing: 2px;
}
sup, sub
{
}
.elements-list small
{
    font-size: 10px;
    font-family: Verdana, Geneva, sans-serif;
    color: #322e30;
}
.elements-list big
{
    font-size: 21px;
    color: #494c53;
}
.elements-list q
{
    font-size: 15px;
    color: #00c4ff;
    font-family: "Courier New" , Courier, monospace;
}

abbr, acronym
{
    border-bottom: 1px dashed #4995d1;
    color: #00c4ff;
    text-transform: uppercase;
}
address
{
    margin: 0 0 1.5em;
    font-style: italic;
}
del
{
    color: #666;
}
pre, code, tt
{
    font: 1em 'andale mono' , 'lucida console' , monospace;
    line-height: 1.5;
    display: block;
}
code
{
    background-color: #f6f6f6;
    display: block;
    color: #333;
    padding: 3px 2px 3px 5px;
    line-height: 1.67em;
    border: 1px dotted #333;
}
pre
{
    white-space: pre;
}


/* Custom select color */
::selection
{
    background: #bbb;
    color: #fff; /* Safari */
}
::-moz-selection
{
    background: #bbb; /* Firefox */
    color: #fff;
}


/*  Header styles */
h1, h2, h3, h4, h5
{
    margin: 0 0 0.5em;
    line-height: 1.2em;
    color: #272320;
    text-transform: uppercase;
}
h1
{
    font-size: 38px;
    font-weight: 200;
    color: #676767;
}
h2
{
    font-size: 36px;
    color: #272320;
    text-transform: uppercase;
    margin-bottom: 23px;
}
h2.underline
{
    border-bottom: 3px solid #bbb9b9;
    padding-bottom: 8px;
}
h3
{
    font-size: 34px;
    line-height: 1.2em;
    color: #00c4ff;
}
h4
{
    font-size: 32px;
    margin-bottom: .7em;
    color: #484645;
    text-transform: none;
}
h5
{
    font-size: 30px;
    line-height: 1.2em;
    margin-bottom: 1em;
    color: #00c4ff;
    text-transform: none;
    font-weight: normal;
}
h6
{
    font-size: 24px;
    font-style: italic;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    color: #322e30;
}

.title-1
{
    padding-bottom: 7px;
    background: url(../images/pics-x.gif) 0 bottom repeat-x;
}
.title-2
{
    padding-bottom: 7px;
    background: url(../images/pics2-x.gif) 0 bottom repeat-x;
}
.head
{
    font-size: 82px;
    line-height: 1.2em;
    color: #212229;
    text-transform: none;
}
/* Unordered list style
---------------------------------------- */

/* List1 */
ul.list1
{
    padding-bottom: 15px;
}
ul.list1 li
{
    background: url(../images/marker1.gif) no-repeat 0 2px;
    padding: 0 0 9px 24px;
    font-size: 14px;
    position: relative;
    zoom: 1;
}
ul.list1 li a
{
    color: #352b2a;
}
ul.list1 li ul
{
    padding: 9px 0 0 0;
    margin-bottom: -10px;
}


/* News style*/
.news
{
    padding-bottom: 18px;
}
.news li
{
    position: relative;
    padding: 0 0 25px 70px;
    color: #000;
    height: 1%;
}
.news li p.date
{
    position: absolute;
    left: 0;
    top: 3px;
    background: #666;
    width: 59px;
    height: 69px;
    font-size: 25px;
    line-height: 64px;
    color: #fff;
    text-align: center;
    font-weight: bold;
}
.news li a.title
{
    display: block;
    color: #8e8d8b;
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom: .5em;
}


/* Layouts navigation */
.layouts-nav
{
    width: 100%;
    overflow: hidden;
    padding-bottom: 30px !important;
}
.layouts-nav li
{
    float: left;
    margin-right: 20px;
    background: none !important;
    padding: 0 !important;
}
.layouts-nav li a
{
    float: left;
    background: #333;
    padding: 2px 10px;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    position: relative;
    margin-right: 10px;
    cursor: pointer;
}
.layouts-nav li a:hover
{
    background: #aaa;
}


/* Ordered list style */
ol
{
}
ol li
{
    list-style-position: outside;
    list-style-type: decimal;
    margin-left: 30px;
    font-weight: bold;
    font-size: 13px;
    line-height: 18px;
    padding-bottom: 6px;
    color: #33d0ff;
    position: relative;
}
ol li a
{
    color: #767676;
    font-weight: normal;
    text-decoration: none;
}
ol li a:hover
{
    color: #33d0ff;
}

/* Definition list style */
dl dt
{
    font-weight: bold;
    font-size: 1em;
    color: #33d0ff;
}
dl dd
{
    margin-bottom: 1.5em;
    padding-left: 50px;
}

dl.def-list
{
    padding-bottom: 5px;
}

dl.def-list dt
{
    font-size: 13px;
    color: #fff;
    width: 100%;
    overflow: hidden;
    margin-bottom: 1em;
    position: relative;
    z-index: 0;
}
dl.def-list dt span
{
    float: left;
    height: 31px;
    line-height: 31px;
    padding: 0 14px;
    background: #19b6c5;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    
}
dl.def-list dd
{
    margin-bottom: 2em;
}


/* Table styling */

table thead th
{
    text-align: left; /*    font-size: 20px;     text-transform: uppercase;*/
    background: #00c4ff;
    padding: 19px 0px 13px;
    text-align: center;
    color: #fff;
    border: 1px solid #48d4ff;
}
table tbody td
{
    /*width: 125px;     text-align: center;     padding: 9px 0px 8px;     background: #fafafa;     border: 1px solid #bfbfbf;*/
}
table tr:hover td
{
}



/*  Dropcaps style */
.dropcap_1
{
    font-size: 39px;
    width: 36px;
    line-height: 1em;
    color: #272320;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
}
.dropcap_2
{
    font-size: 39px;
    background: url(../images/dropcap.png) no-repeat 50% 0;
    text-align: center;
    width: 52px;
    line-height: 52px;
    color: #fff;
    display: block;
    float: left;
    margin-right: 8px;
    font-weight: bold;
}
.dropcap_3
{
    font-size: 39px;
    width: 40px;
    line-height: 1em;
    color: #333;
    display: block;
    float: left;
    font-weight: bold;
    text-shadow: 2px 2px 1px #ccc;
}


/*  Horizontal divider */
.hr
{
    display: block;
    position: relative;
    padding: 55px 0 35px 0;
    border: none;
    background: url(../images/hr.gif) 0 50% repeat-x;
    height: 2px;
    overflow: hidden;
    font-size: 11px;
    margin: 0 10px 0 0;
}
.hr a
{
    position: absolute;
    right: 0;
    top: 25px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    background: url(../images/arrow-top.png) no-repeat 0 6px;
    padding-left: 13px;
    color: #6b6a6a;
}
.hr a:hover
{
    color: #000;
}


/*  Buttons */
.button, .button1
{
    display: inline-block;
    height: 32px;
    padding: 0 9px 0 9px;
    font-size: 14px;
    line-height: 32px;
    color: #e9e9e9;
    cursor: pointer;
    text-decoration: none;
    background: url(../images/button-tail.gif) 0 0 repeat-x #2e2e2e;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    
    position: relative;
}

.button span, .button1 span
{
    display: inline-block;
    padding: 0 15px 0 0;
    background: url(../images/button-right.gif) right 50% no-repeat;
}
.button span span, .button1 span span
{
    padding-right: 8px;
    border-right: 1px solid #626262;
    background: none;
}
.button:hover
{
    background: #717171;
}

.button1
{
    color: #21242a;
    background: url(../images/button1-tail.gif) 0 0 repeat-x #e2e9ef;
}
.button1 span
{
    background: url(../images/button1-right.gif) right 50% no-repeat;
}
.button1 span span
{
    border-right: 1px solid #adb4ba;
    background: none;
}
.button1:hover
{
    color: #000;
    background: #fff;
}

.button2
{
    display: inline-block;
    padding-left: 6px;
    font-size: 12px;
    color: #3d3d3d;
    text-decoration: none;
    font-family: Tahoma, Geneva, sans-serif;
    background: url(../images/button2-left.png) 0 0 no-repeat;
}
.button2 span
{
    display: inline-block;
    cursor: pointer;
    padding-right: 31px;
    background: url(../images/button2-right.png) right 0 no-repeat;
}
.button2 span span
{
    padding: 5px 2px;
    background: url(../images/button2-tail.png) 0 0 repeat-x #f00;
}
.button2:hover
{
    color: #00c4ff;
}

.button-1
{
    display: inline-block;
    height: 32px;
    padding: 0 9px 0 9px;
    font-size: 14px;
    line-height: 32px;
    color: #e9e9e9;
    cursor: pointer;
    text-decoration: none;
    background: #00c4ff;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    
    position: relative;
}

.button-1 span
{
    display: inline-block;
    padding: 0 15px 0 0;
    background: url(../images/button-right.gif) right 50% no-repeat;
}
.button-1 span span
{
    padding-right: 8px;
    border-right: 1px solid #6ed0ed;
    background: none;
}
.button-1:hover
{
    background: #727272;
}
.button-1:hover span span
{
    border-right: 1px solid #858585;
}

.button-2
{
    display: inline-block;
    height: 32px;
    padding: 0 9px 0 9px;
    font-size: 14px;
    line-height: 32px;
    color: #e9e9e9;
    cursor: pointer;
    text-decoration: none;
    background: #717171;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    
    position: relative;
}

.button-2 span
{
    display: inline-block;
    padding: 0 15px 0 0;
    background: url(../images/button-right.gif) right 50% no-repeat;
}
.button-2 span span
{
    padding-right: 8px;
    border-right: 1px solid #848484;
    background: none;
}
.button-2:hover
{
    background: #000;
}

.button-login
{
    display: inline-block;
    height: 29px;
    font-size: 18px;
    line-height: 29px;
    color: #494c53;
    padding: 0 17px 0 37px;
    margin-right: 10px;
    text-decoration: none;
    border: 3px solid #edeeef;
    background: url(../images/marker-3.gif) 5px 50% no-repeat;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    
    position: relative;
    z-index: 50;
}
.button-login:hover
{
    color: #00c4ff;
}

.button.style1
{
    background: url(../images/marker4.png) no-repeat 100% 2px #f0f0f0;
    text-decoration: none;
    color: #0c0c0c;
    text-shadow: none;
    border: 1px solid #000;
    line-height: 26px;
    height: 26px;
}
.button.style1:hover
{
    background: url(../images/marker4.png) no-repeat 100% 2px #000;
    color: #fff;
}
.button.style2
{
    background: #838383;
}
.button.style2:hover
{
    background: #333;
}


.line-hor
{
    background: #3a3c52;
    height: 1px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    margin: 20px 0 20px 0;
}

.link-1
{
    display: inline-block;
    padding-left: 12px;
    font-size: 13px;
    line-height: 18px;
    color: #00c4ff;
    font-weight: bold;
    background: url(../images/marker-2.gif) 0 7px no-repeat;
}
.link-2
{
    display: inline-block;
    padding-left: 23px;
    color: #00c4ff;
    text-decoration: none;
    background: url(../images/icon4.gif) 0 4px no-repeat;
}
.link-2:hover
{
    color: #000;
}
/* Blocks and Boxes style
---------------------------------------- */
.content-box
{
    background: #eae9e7;
    border: 4px solid #fff;
    padding: 25px 0 25px 10px;
}


/* Block1 */
.block1
{
    border-bottom: 1px solid #323031;
    border-top: 1px solid #000;
    background: #161415;
    padding: 16px 16px 13px 16px;
}
.block1 h5
{
    font-size: 21px;
    line-height: 1.2em;
    margin-bottom: .5em;
    text-shadow: 1px 1px 0 #000;
    color: #cfcfcf;
    font-weight: normal;
}


/* Information box */
.info-box
{
    padding: 20px 30px 20px 110px;
    color: #767676;
    margin-bottom: 20px;
    background: #eef2f6;
    position: relative;
    height: 1%;
}
.info-box p.icon
{
    position: absolute;
    left: 34px;
    top: 16px;
    margin: 0;
}

/* Download box */
.download-box
{
    padding: 20px 30px 20px 110px;
    color: #767676;
    margin-bottom: 20px;
    background: #f5f5f7;
    position: relative;
    height: 1%;
}
.download-box p.icon
{
    position: absolute;
    left: 34px;
    top: 16px;
    margin: 0;
}

/* Notification box */
.notification-box
{
    padding: 20px 30px 20px 110px;
    color: #767676;
    margin-bottom: 20px;
    background: #f3f5f7;
    position: relative;
    height: 1%;
}
.notification-box p.icon
{
    position: absolute;
    left: 34px;
    top: 16px;
    margin: 0;
}

/* Error message box */
.error-box
{
    padding: 20px 30px 20px 110px;
    color: #767676;
    margin-bottom: 20px;
    background: #f2f6f6;
    position: relative;
    height: 1%;
}
.error-box p.icon
{
    position: absolute;
    left: 34px;
    top: 16px;
    margin: 0;
}






/* Header
---------------------------------------- */

/* Logo */
.logo
{
    margin-top: 10px;
    margin-left: 20px;
    text-transform: none;
}

.logo
{
    display: block;
    padding-left: 76px;
    font-size: 70px;
    line-height: 1.2em;
    color: #f0efed;
    text-decoration: none;
    margin-bottom: -19px;
    background-image: url(../images/logo-jpost.png);
    background-repeat: no-repeat;
    width: 250px;
    height: 78px;
}
.logo span
{
    display: block;
    font-size: 18px;
    line-height: 1.2em;
    color: #9699a0;
    text-transform: uppercase;
    padding-left: 80px;
}

.form-top
{
    width: 172px;
    height: 28px;
    padding: 0 10px;
    overflow: hidden;
    background: url(../images/form-top.gif) 0 0 no-repeat;
}
#form-top
{
    position: absolute;
    right: 180px;
    top: 93px;
}
#form-top input
{
    width: 145px;
    color: #fff;
    border: 0;
    padding: 5px 0;
    background: none;
}
#form-top a
{
    float: right;
    margin-top: 6px;
    cursor: pointer;
}

.list-x
{
    position: absolute;
    right: 15px;
    top: 94px;
}
.list-x li
{
    float: left;
    padding-right: 4px;
}

.list
{
    float: right;
    padding-top: 18px;
}
.list li
{
    float: left;
    font-size: 13px;
    padding-left: 10px;
    font-weight: bold;
    color: #00c4ff;
}
.list li a
{
    color: #00c4ff;
    padding-left: 10px;
}
.list li a:hover
{
    color: #000;
    text-decoration: underline;
    background: url(../images/marker-2.gif) 0 7px no-repeat;
}
/* Navigation */
#header nav
{
    position: absolute;
    top: 103px;
    z-index: 20;
}

/* Phone number */
header .phone
{
    position: absolute;
    right: 0;
    top: 104px;
    font-size: 28px;
    line-height: 1.2em;
    color: #8e8d8d;
    text-align: right;
}
header .phone strong
{
    color: #8e8d8d;
    font-weight: normal;
}
header .phone span
{
    display: block;
    font-size: 11px;
    color: #5c5c5c;
    text-transform: uppercase;
    margin-top: -12px;
}

/* Twitter link */
header .twitter-link
{
    position: absolute;
    right: 1px;
    top: 182px;
    background: #fff;
    font-size: 11px;
    height: 53px;
    line-height: 53px;
    z-index: 100;
}
header .twitter-link a
{
    display: block;
    color: #616161;
    padding: 0 71px 0 0;
    text-decoration: none;
    text-transform: uppercase;
}




/* Main banner
---------------------------------------- */
.main-banner
{
    height: 372px;
    overflow: hidden;
    margin-bottom: 5px;
    background: #666;
    position: relative;
}




/* Pages
---------------------------------------- */

/* 404 page */
.error_page
{
    padding: 0 0 85px 0;
    min-height: 500px;
    text-align: center;
}
.error_page h2
{
    font-size: 90px;
    line-height: 1.2em;
    font-weight: 700;
    margin: -20px 0 0 0;
    letter-spacing: -2px;
}
.error_page h3
{
    font-size: 40px;
    line-height: 1.2em;
    margin: 0 0 1em 0;
    color: #fbb91f;
}

/* Under Construction page =====*/
#constuction-box
{
    width: 800px;
    height: 500px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    margin-top: -250px;
    background: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-color: #ccc;
    box-shadow: 0 0 10px #d0d4db;
    -moz-box-shadow: 0 0 10px #d0d4db;
    -webkit-box-shadow: 0 0 10px #d0d4db;
    text-align: center;
    
}
#constuction-box .inside
{
    padding: 40px 40px 40px 40px;
}
#constuction-box .button
{
    position: relative;
}
#constuction-box h1
{
    font-weight: 700;
    text-align: center;
    font-size: 4em;
    margin-bottom: .2em;
    line-height: 1.2em;
    letter-spacing: 2px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
#constuction-box h1 span
{
    text-transform: uppercase;
    color: #00c4ff;
    display: block;
    margin-bottom: -15px;
}

/* Countdown */
#countdown_dashboard
{
    height: 110px;
    padding: 30px 0 40px 0;
    width: 650px;
    margin: 0 auto;
    position: relative;
}
.dash
{
    width: 110px;
    height: 114px;
    background: transparent url('../images/dash.png') 0 0 no-repeat;
    float: left;
    margin-left: 20px;
    position: relative;
}

.dash .digit
{
    font-size: 75px;
    line-height: 85px;
    font-weight: bold;
    float: left;
    width: 55px;
    text-align: center;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    color: #555;
    position: relative;
}
.dash .digit .bottom
{
    font-size: 75px;
    line-height: 85px;
}

.dash_title
{
    position: absolute;
    display: block;
    bottom: 0px;
    left: 0;
    font-size: 12px;
    color: #555;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 110px;
}

.dev_comment
{
    font-size: 14pt;
    color: #777;
    text-align: center;
    font-style: italic;
    margin: 40px 10px;
}

#subscribe_form
{
    position: relative;
}

#email_field
{
    font-size: 16pt;
    padding: 6px 10px;
    width: 300px;
}

#subscribe_button
{
    font-size: 14pt;
    color: #333;
    padding: 4px 8px;
}

.copyright
{
    font-size: 9pt;
    color: #333;
    margin: 40px 0px;
}

.faded
{
    color: #999;
}

.form_message
{
    width: 400px;
    padding: 10px;
    margin: 15px auto;
    display: none;
}

#error_message
{
    background-color: #ffe;
    border-left: 5px solid #bb3;
    border-right: 5px solid #bb3;
    color: #770;
}

#info_message
{
    background-color: #f0f9ff;
    border: 1px solid #eef;
}

#loading
{
    text-align: center;
    margin: 10px;
    display: none;
    position: absolute;
    width: 100%;
    top: 60px;
}

/* Intro page */
#intro-box
{
    width: 600px;
    height: 400px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -200px;
    background: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-color: #ccc;
    box-shadow: 0 0 10px #d0d4db;
    -moz-box-shadow: 0 0 10px #d0d4db;
    -webkit-box-shadow: 0 0 10px #d0d4db;
    text-align: center;
    
    float: left;
}
#intro-box .inside
{
    padding: 40px 40px 40px 40px;
}
#intro-box h1
{
    font-weight: 700;
    text-align: center;
    font-size: 4em;
    margin-bottom: .2em;
    line-height: 1.2em;
    position: absolute;
    left: 0;
    top: -90px;
    text-align: center;
    width: 600px;
    overflow: hidden;
    height: 100px;
    color: #272320;
}
#intro-box h1 span
{
    text-transform: uppercase;
    color: #1fb7c4;
    display: block;
    margin-bottom: -15px;
}
#intro-box .button
{
    position: absolute;
    right: 30px;
    bottom: 20px;
    float: right;
    white-space: nowrap;
}
.intro-buttons
{
    width: 500px;
    padding: 0 50px;
    position: absolute;
    left: 0;
    bottom: 50px;
}
#flash-intro
{
    margin-bottom: 20px;
    position: absolute;
    left: 23px;
    top: 20px;
}




/* Aside
---------------------------------------- */
.bottom h5
{
    font-size: 18px;
    color: #eff3f1;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.bottom ul
{
    width: 150px;
}
.bottom ul li
{
    font-size: 13px;
    line-height: 28px;
}
.bottom ul li a
{
    display: block;
    vertical-align: top;
    color: #fff;
    text-decoration: none;
    padding-left: 13px; /*    background: url(../images/marker-1.gif) 0 10px no-repeat;*/
}
.bottom ul li a:hover
{
    color: #fff;
    padding-left: 25px;
    background-color: #00c4ff; /*background: url(../images/marker-1.gif) 10px 10px no-repeat #00c4ff;*/
}

#form-1 label
{
    display: block;
    height: 32px;
}
#form-1 input
{
    width: 208px;
    padding: 5px 5px;
    border: 0;
    background: #e1e5e8;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    
    position: relative;
}
#form-1 .indent-top
{
    padding-top: 5px;
}

/* Content
---------------------------------------- */

/* Lightbox image */
.lightbox-image
{
    position: relative;
    overflow: hidden;
    display: block;
}
.lightbox-image img
{
    position: relative;
    z-index: 2;
}
.lightbox-image span
{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/magnify.png) no-repeat 50% 50%;
    z-index: 1;
}

/* Pagination */
.pagination
{
    display: block;
    width: 100%;
    overflow: hidden;
}
.pagination a
{
    float: left;
    font-size: 11px;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 31px;
    padding-left: 14px;
}
.pagination a:hover
{
    text-decoration: underline;
}
.pagination ul
{
    float: left;
    padding: 0 3px 0 18px;
}
.pagination ul li
{
    float: left;
    padding-left: 1px;
    margin-right: 1px;
    padding: 0 0 0 0 !important;
    background: none !important;
}
.pagination ul li span
{
    width: 31px;
    float: left;
    text-align: center;
    color: #000;
}
.pagination ul li a
{
    font-size: 15px;
    color: #000;
    text-decoration: none;
    width: 31px;
    line-height: 31px;
    height: 31px;
    text-align: center;
    background: #e9e9e9;
    padding: 0;
}
.pagination ul li a:hover
{
    background: #19b6c5;
    text-decoration: none;
    color: #fff;
}


/* Other */

.img-box
{
    width: 100%;
    overflow: hidden;
    padding-bottom: 20px;
}
.img-box img.fleft
{
    float: left;
    margin-right: 15px;
}


.extra-wrap
{
    overflow: hidden;
}


/* Postal address */
.address
{
    float: left;
    margin-right: 30px;
}
.address.last
{
    margin-right: 0;
}
.address dt
{
    font-weight: normal;
    color: #6b6a6a;
}
.address dd
{
    clear: both;
    margin: 0 0 0 0 !important;
}
.address dd span
{
    float: left;
    width: 90px;
}


/* Forms
---------------------------------------- */

/* Forms default */
input, select, textarea
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    vertical-align: middle;
    font-weight: normal;
}

/* Newsletter form */
#newsletter-form fieldset
{
    border: none;
}
#newsletter-form .field
{
    overflow: hidden;
    margin-bottom: 8px;
}
#newsletter-form input[type=text]
{
    width: 175px;
    padding: 3px 0 3px 5px;
    background: #4d4d4d;
    border: none;
    color: #a7a7a7;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    margin-right: 3px;
}
#newsletter-form input[type=submit]
{
    width: 30px;
    height: 22px;
    background: #fff;
    border: 1px solid #000;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    cursor: pointer;
    color: #2f2f2f;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #f1f1f1;
}


/* Contact form */
#contact-form
{
    overflow: hidden;
    position: relative;
    vertical-align: top;
}
#contact-form fieldset
{
    border: none;
    padding: 0;
}
#contact-form .field
{
    overflow: hidden;
    padding: 0 0 9px 0px;
}
#contact-form input[type=text]
{
    width: 497px;
    height: 33px;
    padding: 0px 10px;
    background: url(../images/input.gif) 0 0 no-repeat;
    border: 0;
    display: block;
    font-size: 13px;
    line-height: 33px;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    color: #575655;
}
#contact-form.main-contacts .field input
{
    margin-top: 0px;
}
#contact-form textarea
{
    width: 497px;
    height: 390px;
    background: url(../images/area.gif) 0 0 no-repeat;
    border: 0;
    padding: 4px 10px;
    overflow: auto;
    margin: 0 0 0px 0px;
    display: block;
    color: #575655;
    font-size: 13px;
    line-height: 1.2em;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
}
#contact-form a
{
    cursor: pointer;
}
#contact-form .alignright
{
    padding-top: 12px;
}
#contact-form small
{
    color: red;
    font-weight: bold;
    padding: 0 0 0 5px;
}
#contact-form label
{
    padding: 0 0 2px 5px;
    display: inline-block;
}
#contact-form strong
{
    padding: 0 0 2px 9px;
    display: inline-block;
    color: #838383;
}
#contact-form .error
{
    color: red;
}
.buttons-wrapper
{
    padding-top: 18px;
}

#contact-form.main-contacts .buttons-wrapper
{
    padding-top: 19px;
}
#contact-form.main-contacts .buttons-wrapper a
{
    float: right !important;
    margin: 0 0 0 12px;
}


.form-2
{
    width: 235px;
    height: 28px;
    padding: 0 10px;
    overflow: hidden;
    background: url(../images/tail-form.gif) 0 0 repeat-x;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    
    position: relative;
}
#form-2 input
{
    width: 205px;
    color: #000;
    border: 0;
    padding: 5px 0;
    background: none;
}
#form-2 a
{
    float: right;
    margin-top: 6px;
    cursor: pointer;
}


/* Newsletter-form */
#newsletter-alt-form fieldset
{
    border: none;
}
#newsletter-alt-form input[type=text]
{
    width: 215px;
    padding: 7px 0 7px 10px;
    background: #f9f9f9;
    border: none;
    color: #686666;
    border: 1px solid #e2e2e2;
    border-right: 1px solid #bababa;
    border-left: 1px solid #bababa;
    border-top: 1px solid #bababa;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    
    margin-right: 12px;
    font-size: 12px;
    position: relative;
}
#newsletter-alt-form input[type=submit]
{
    width: 75px;
    height: 32px;
    background: #2e2e2e;
    border: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    
    position: relative;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}




/* SlideDown element */
.slideDown
{
    padding: 0 1px 0 0;
}
.slideDown dt
{
    background-color: #333132;
    background-image: url(../images/arrow1.gif);
    background-repeat: no-repeat;
    background-position: 100% 16px;
    box-shadow: 1px 1px 1px #d1d1d1;
    -moz-box-shadow: 1px 1px 0 #d1d1d1;
    -webkit-box-shadow: 1px 1px 0 #d1d1d1;
    color: #fff;
    padding: 9px 0 9px 21px;
    margin-bottom: 4px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    font-size: 12px;
    cursor: pointer;
    margin-bottom: 10px;
}
.slideDown dt:hover, .slideDown dt.active
{
    background-color: #bbb;
    color: #fff;
    text-shadow: 0 0 5px #fff;
}
.slideDown dt.active
{
    background-image: url(../images/arrow2.gif);
}

.slideDown dd
{
    display: none;
    padding: 10px 20px 20px 20px;
}
#block dd
{
    display: block;
}
.slideDown.absolute dd
{
    position: absolute;
    background: #fff;
}

/************/
.slideDown.alt
{
    padding: 0 0px 0 0;
    margin: -5px 0 52px;
    position: relative;
    background: #fff;
}
.slideDown.alt dt
{
    background: url(../images/button-top.gif) right 0 no-repeat;
    box-shadow: 0px 0px 0px #d1d1d1;
    -moz-box-shadow: 0px 0px 0 #d1d1d1;
    -webkit-box-shadow: 0px 0px 0 #d1d1d1;
    color: #fff;
    padding: 0px 0;
    margin-bottom: 0px;
    font-weight: normal;
    text-decoration: none;
    display: block;
    font-size: 18px;
    cursor: pointer;
    margin-bottom: 0px;
    overflow: hidden;
    position: absolute;
    right: 13px;
    top: -51px;
    z-index: 1;
    width: 39px;
    height: 41px;
}
.slideDown.alt dt:hover, .slideDown.alt dt.active
{
    color: #fff;
    text-shadow: 0 0 0px #fff;
}
.slideDown.alt dt.active
{
    border: 0;
    background: url(../images/button-top-h.gif) right 0 no-repeat;
}

.slideDown.alt dd
{
    display: none;
    padding: 0;
    position: relative;
}
.slideDown.alt.absolute dd
{
    position: absolute;
    background: #fff;
}



/* Accordion */
dl#accordion
{
    list-style-type: none;
    margin: 0;
    padding: 0 2px 0 0;
    height: auto !important;
}
dl#accordion .indent
{
    padding-top: 7px !important;
    padding-bottom: 5px !important;
}

dl#accordion a
{
    display: block;
    text-decoration: none;
}

dl#accordion dt
{
    margin-top: 1px;
}
dl#accordion dt a
{
    background-color: #333132;
    background-image: url(../images/arrow1.gif);
    background-repeat: no-repeat;
    background-position: 100% 16px;
    box-shadow: 1px 1px 1px #d1d1d1;
    -moz-box-shadow: 1px 1px 0 #d1d1d1;
    -webkit-box-shadow: 1px 1px 0 #d1d1d1;
    color: #7f7f7f;
    padding: 9px 0 9px 21px;
    margin-bottom: 4px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    font-size: 12px;
}

dl#accordion dt a:hover
{
    background-color: #8e8d8b;
    color: #fff;
}

dl#accordion dt.active a
{
    background-color: #ccc;
    background-image: url(../images/arrow2.gif);
    color: #333;
}

dl#accordion dd
{
    display: none;
    margin-bottom: 0;
    padding-left: 0;
}
dl#accordion dd .indent
{
    padding: 10px 30px 14px 20px !important;
}
dl#accordion dd a
{
    display: inline;
    background: none;
    padding: 0;
    width: auto;
    text-decoration: underline;
}
dl#accordion dd a:hover
{
    text-decoration: none;
    background: none;
}
dl#accordion dd .sub_menu li
{
    list-style: none;
    line-height: 30px !important;
    padding-left: 12px;
    background: url(../images/marker-2.gif) 0 12px no-repeat;
}
.sub_menu li a
{
    font-size: 12px !important;
    line-height: 30px !important;
}



/********dialog********/

.disable_masking
{
    width: 400px;
    z-index: 6001;
    position: absolute;
    display: none;
    background-color: #ffffff;
    padding: 40px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    left: 50% !important;
    margin-left: -200px !important;
}

.closebutton, .myclosebutton
{
    display: block;
    position: absolute;
    right: 50px;
    top: 50px;
}

.data
{
    font-size: 12px;
    text-align: justify;
}
.viewsiurce
{
    background-color: #F0F0F0;
    border: 2px dashed #000;
    padding: 20px;
    color: #006633;
    font-size: 15px;
    font-size: 12px;
}

/*************************/
#login-form fieldset
{
    border: none;
}
#login-form .field
{
    overflow: hidden;
    min-height: 45px;
    height: auto !important;
    height: 45px;
    padding: 4px 0 0 4px;
}
#login-form input[type=text]
{
    width: 360px;
    padding: 5px 12px 5px 12px;
    background: #f0f0f0;
    border: 1px solid #e4e4e4;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
}

#login-form input[type=password]
{
    width: 360px;
    padding: 5px 12px 5px 12px;
    background: #f0f0f0;
    border: 1px solid #e4e4e4;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
}

#login-form input[type=text]:focus, #login-form input[type=password]:focus
{
    border-color: #ccc;
    box-shadow: 0 0 4px #999;
    -moz-box-shadow: 0 0 4px #999;
    -webkit-box-shadow: 0 0 4px #999;
}


#login-form input[type=submit]
{
    float: right;
    font-size: 18px;
    line-height: 31px;
    height: 31px;
    background: #333;
    padding: 0 22px;
    color: #fff;
    text-decoration: none;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    position: relative;
    margin-right: 10px;
    border: none;
    cursor: pointer;
    width: 80px;
}
#login-form input[type=submit]:hover
{
    background: #00C4FF;
    position: relative;
}


#login-form small
{
    color: red;
    font-weight: bold;
    padding: 0 0 0 5px;
}


#login-form label[for=remember]
{
    font-size: 12px;
    color: #333;
    float: left;
    padding: 10px 0 0 0;
}


/* Tooltips */
.aToolTip
{
    border: 2px solid #444;
    background: #555;
    color: #fff;
    margin: 0;
    padding: 2px 8px;
    font-size: 11px;
}

.aToolTip .aToolTipContent
{
    position: relative;
    margin: 0;
    padding: 0;
}

a.aToolTipCloseBtn
{
    display: block;
    height: 20px;
    width: 20px;
    overflow: hidden;
    background: url(../images/close.gif) no-repeat;
    text-indent: -9999px;
    outline: none;
    position: absolute;
    top: -15px;
    right: -20px;
}


/* Coin Slider */
#coind-slider
{
    overflow: hidden;
}
.coin-slider
{
    overflow: hidden;
    zoom: 1;
    position: relative;
    padding-bottom: 30px;
}
.coin-slider a
{
    text-decoration: none;
    outline: none;
    border: none;
}

.cs-buttons
{
    font-size: 0px;
    padding: 10px;
    float: left;
}
.cs-buttons a
{
    margin-left: 5px;
    height: 10px;
    width: 10px;
    float: left;
    border: 1px solid #322e30;
    background: #322e30;
    color: #fea900;
    text-indent: -9999em;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.cs-buttons a:hover, .cs-buttons a.cs-active
{
    background-color: #fea900;
    border: 1px solid #fea900;
    color: #fff;
}

.cs-title
{
    width: 100%;
    padding: 10px 0;
    background-color: #000;
    color: #fff;
    text-indent: 10px;
}

.cs-prev, .cs-next
{
    background-color: #000;
    color: #fff;
    padding: 0px 10px;
}
.cs-prev:hover, .cs-next:hover
{
    background: #fea900;
}


/* Gallery */
#galleryfic_gallery
{
    padding-bottom: 50px;
    width: 100%;
    overflow: hidden;
}
div.content
{
    /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
    display: none;
    width: 909px;
    position: relative;
    z-index: 10;
    margin-bottom: 20px;
    
}
div.content a, div.navigation a
{
    text-decoration: none;
    color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active
{
    text-decoration: underline;
}
div.slideshow-container
{
    position: relative;
    clear: both;
    height: 463px; /* This should be set to be at least the height of the largest image in the slideshow */
    z-index: 10;
}
.advanced_gallery div.slideshow-container
{
    width: 60%;
    overflow: hidden;
}
div.loader
{
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
}
div.slideshow
{
    height: 463px;
    width: 909px;
    overflow: hidden;
}
div.slideshow span.image-wrapper
{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 463px;
    width: 909px;
}
div.slideshow a.advance-link
{
    display: block;
    width: 466px;
    height: 243px; /* This should be set to be at least the height of the largest image in the slideshow */
    text-align: center;
    overflow: hidden;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited
{
    text-decoration: none;
}
div.slideshow img
{
    position: absolute;
    left: 0;
    top: 0;
    padding: 4px;
    border: 1px solid #ddd;
}
div.slideshow.noborder img
{
    padding: 0;
    border: none;
}
div.caption-container
{
    position: relative;
    clear: left;
    height: 40px;
}
.advanced_gallery div.caption-container
{
    position: absolute;
    right: 0;
    top: 0;
    width: 40%;
}
span.image-caption
{
    display: block;
    position: absolute;
    width: 466px;
    top: 0;
    left: 0;
}
div.caption
{
    padding: 10px 70px 0 30px;
    overflow: hidden;
}
div.caption h2
{
    background: none;
}
div.caption h4
{
    float: left;
    background: #fff;
}
div.image-desc
{
    font-size: 10px;
    text-transform: uppercase;
    float: right;
    padding: 8px 0 0 0;
}
div.navigation
{
    /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs
{
    clear: both;
    margin: 0;
    padding: 0;
}
ul.thumbs li
{
    float: left;
    padding: 1px !important;
    background: none !important;
    list-style: none;
    margin: 0 4px 0 0;
    border: 1px solid #ddd;
    margin-bottom: 4px;
}
ul.thumbs li.last
{
    padding-right: 0;
}
a.thumb
{
    display: block;
}
ul.thumbs li.selected a.thumb
{
}
a.thumb:focus
{
    outline: none;
}
ul.thumbs img
{
    border: none;
    display: block;
}


/* Kwicks */
.kwicks-wrapper
{
    width: 940px;
    overflow: hidden;
}
.kwicks-box
{
    border: 1px solid #323232;
    padding: 12px;
}

.kwicks
{
    /* recommended styles for kwicks ul container */
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0 !important;
    overflow: hidden;
    height: 396px;
    background: #000;
}
.kwicks li
{
    /* these are required, but the values are up to you (must be pixel) */
    width: 158px;
    height: 396px; /*do not change these */
    display: block;
    overflow: hidden;
    padding: 0 !important; /* if you need padding, do so with an inner div (or implement your own box-model hack) */
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50);
    background: none !important;
}
.kwicks li.active
{
    opacity: 1;
    filter: alpha(opacity=100);
}
.kwicks.horizontal li
{
    /* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
    margin-right: 0; /*Set to same as spacing option. */
    float: left;
}

.kwicks_vertical
{
    /* recommended styles for kwicks ul container */
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0 !important;
    overflow: hidden;
    width: 950px;
    height: 396px;
    background: #000;
}
.kwicks_vertical li
{
    /* these are required, but the values are up to you (must be pixel) */
    height: 196px; /*do not change these */
    display: block;
    overflow: hidden;
    padding: 0 !important; /* if you need padding, do so with an inner div (or implement your own box-model hack) */
    cursor: pointer;
    float: none;
    opacity: .5;
    filter: alpha(opacity=50);
}
.kwicks_vertical li.active
{
    opacity: 1;
    filter: alpha(opacity=100);
}


/* Superfish Dropdown Menu */
.sf-menu
{
    margin: 0 0 0 20px;
    padding: 0 0 0 0px;
    list-style-type:none;
    float: right;
    border-left: 1px solid #e1e1e1;
    width:100%;
}
.sf-menu
{
    font-size: 20px;
    line-height: 1.2em;
}
.sf-menu a
{
    text-decoration: none;
    color: #676767;
    text-decoration: none;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    padding: 0px 0;
    display: block;
    width: 187px;
    text-align: center;
    zoom: 1;
    text-transform: uppercase;    
}
.sf-menu a:hover, .sf-menu a.current
{
    /* visited pseudo selector so IE6 applies text colour*/
    background: #00c4ff;
    color: #fdfdfd;
}
.sf-menu ul
{
    position: absolute;
    top: -999em;
    width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li
{
    width: 100%;
}
.sf-menu li:hover
{
    visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li
{
    position: relative;
    background: none !important;
    float: right;
    line-height: 69px;
    height: 69px;
    border-right: 1px solid #e1e1e1;
}
.sf-menu li li
{
    font-size: 16px;
    font-weight: normal;
    text-transform: none;
    text-align: left;
    border: none;
    height: 39px;
    margin-bottom: 1px;
}
.sf-menu li li a
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    background: #dcdcdc;
    color: #23222a;
    padding: 0 0 0 40px;
    line-height: 39px;
    height: 39px;
    width: 146px;
    overflow: hidden;
    display: block;
    text-transform: capitalize;
    text-align: left;
}
.sf-menu li li a:hover, .sf-menu li li a.current
{
    color: #fff;
    background: #00c4ff;
}
.sf-menu li li:last-child a
{
    border-bottom: none;
}

.sf-menu a
{
    display: block;
    position: relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul
{
    left: 0;
    top: 72px; /* match top ul list item height */
    z-index: 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul
{
    top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul
{
    left: 186px; /* match ul width */
    top: 0;
    margin-left: 1px;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul
{
    top: -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul
{
    left: 10em; /* match ul width */
    top: 0;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active
{
    outline: 0;
}
.sf-menu a.sf-with-ul
{
    min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator
{
    position: absolute;
    display: block;
    right: 10px;
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden;
    background: url(../images/drop-down-arrow.gif) no-repeat 0 0;
}
a > .sf-sub-indicator
{
    /* give all except IE6 the correct values */
    top: 50%;
    margin-top: -2px;
}
a:hover .sf-sub-indicator, a.current .sf-sub-indicator
{
    background: url(../images/drop-down-arrow-act.gif) no-repeat 0 2px;
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator
{
    right: 5px !important;
}
.sf-menu ul a > .sf-sub-indicator
{
    background: url(../images/arrow-sub.gif) no-repeat 0 0;
}





/* Elements list */
.elements-list li
{
    background: none !important;
    padding: 0 0 0px 0 !important;
    position: relative;
    line-height: 28px;
}
.elements-list li code
{
    position: absolute;
    right: 0;
    top: -3px;
    padding: 2px 3px 1px 3px;
    border: 1px dotted #333;
}


/* Tabs */
.tabs
{
    clear: left;
    float: left;
    margin: 15px 0 30px 0;
}
.tabs ol
{
    list-style-type: decimal;
    margin: 0 0 0 20px;
}
.tabs ol li
{
    display: list-item;
    float: none;
    padding-bottom: 5px !important;
    font-size: 12px;
    color: #6b6a6a;
}

.tabs ul.nav
{
    width: 100%;
}

.tabs ul
{
    float: left;
    list-style: none;
    margin: 0 0 5px 0 !important;
    padding: 0 0 0 0 !important;
}
.tabs li
{
    display: block;
    float: left;
    margin: 0 5px 0 0;
    background: none !important;
    padding: 0 0 0 0 !important;
}
.tabs .selected
{
    margin-bottom: -5px;
    position: relative;
}
.tabs .selected a
{
    background: #f0f0f0;
    color: #000;
    padding-bottom: 10px;
}
.tabs a:hover
{
    background: #f0f0f0;
    color: #000;
}

.tabs a
{
    background: #000;
    color: #fff;
    display: block;
    padding: 5px 10px;
    text-decoration: none;
}

.tabs .tab-content
{
    background: #f0f0f0;
    clear: both;
    width: 100%;
    max-width: 940px;
    overflow: auto;
}
.tabs .tab-content .inner
{
    padding: 10px;
}

.tabs p
{
    margin-bottom: 5px;
}
.tabs .tab-content strong
{
    color: #000;
}

.tabs pre
{
    margin: 4px 0;
}
.tabs code
{
    overflow: auto;
}
* + html .tabs code
{
    overflow: visible;
}


/* Twitter */
#twitter
{
    margin-bottom: 2em;
}

#twitter h2
{
    margin: 0 0 5px 0;
    padding: .5em 1em;
    font-size: 1.5em;
    color: #fff;
    background-color: #888;
    letter-spacing: 0;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#preloader
{
    margin: 0;
    padding: 1em 1em 1em 3em;
    text-indent: 10px;
    background: transparent url(../images/loader.gif) 1em center no-repeat; /* generate your own loader gif: http://www.ajaxload.info */
}

ul#twitter_update_list
{
    margin: 0;
    padding: 0 0 0.5em 0;
    list-style-type: none;
}
ul#twitter_update_list li
{
    margin: 0;
    padding: 0.8em 0 1em 1em !important;
    background: #f0f0f0;
    margin-bottom: 7px;
}
ul#twitter_update_list li:hover
{
    background-color: #ccc;
    color: #fff;
}
ul#twitter_update_list li:hover a
{
    color: #000;
}

ul#twitter_update_list li a
{
    /* timestamp link */
    color: #000;
}

ul#twitter_update_list li span
{
    display: block;
}

ul#twitter_update_list li span a
{
    /* links in tweet */
    color: #fea900;
}

ul#twitter_update_list li.firstTweet
{
}
ul#twitter_update_list li.lastTweet
{
    border-bottom: none;
}

a#profileLink
{
    display: block;
    padding: 0.3em 1em;
    color: #fff;
    background-color: #000;
}





/*======================================================*/

/* Code grabber */
.code
{
    padding: 30px 0 10px 0;
}
.code a.code-icon
{
    margin-bottom: 10px;
}
.code a.code-icon i
{
    padding-right: 6px;
    font-style: normal;
}
.code div.grabber
{
    display: none;
}
.code code
{
    padding: 0 10px 0 10px;
    background: #f6f6f6;
    color: #333;
    border: 1px solid #dfdfdf;
    white-space: pre;
    overflow: auto;
}

/* Advanced Menu */
#advanced
{
    position: fixed;
    z-index: 999;
    right: -172px;
    top: 50px;
    background: #181818;
    padding: 20px 16px 20px 18px;
    width: 135px;
    font-size: 11px;
    border-right: 3px solid #3a3a3a;
    font-family: Tahoma, Geneva, sans-serif;
    color: #dfdfdf;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
}
#advanced span.trigger
{
    display: block;
    position: absolute;
    left: -81px;
    top: 25px;
    margin-top: -25px;
    width: 81px;
    height: 50px;
    background: #fff;
    cursor: pointer;
    text-align: center;
    background: url(../images/panel/adv-trigger.png) no-repeat 0 0;
}
#advanced span.trigger strong
{
    display: block;
    padding: 4px 0 0 0;
}
#advanced ul li
{
    background: url(../images/panel-arrow.gif) no-repeat 0 6px;
    padding: 0 0 0 13px;
    font-size: 12px;
}
#advanced ul li.trigger_adv
{
    padding: 0 0 0 0;
}
#advanced ul li.trigger_adv > span
{
    background: url(../images/panel-arrow2.gif) no-repeat 100% 8px #636363;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 0 20px 0 12px;
    color: #dfdfdf;
    font-weight: bold;
    display: inline-block;
}
#advanced ul li.trigger_adv > a:hover
{
    text-decoration: none;
}

#advanced ul li a
{
    color: #4393d0;
    text-decoration: none;
}
#advanced ul li a:hover
{
    text-decoration: underline;
}
#advanced ul ul
{
    margin-left: 13px;
}
#advanced ul ul li
{
    font-size: 11px;
    background: url(../images/panel-arrow1.gif) no-repeat 0 7px;
}
#advanced ul ul a
{
    text-transform: capitalize;
    color: #dfdfdf;
}
#advanced ul ul ul
{
    margin-left: 8px;
}
#advanced ul ul ul li
{
    background: none;
}
#advanced ul ul ul li a
{
    color: #939393;
}
.sf-menu li ul
{
	z-index:9999;
}
.tg-rating {
    font-size: 14px;
    color: #1A2151;
    line-height: 30px;    
}
.tg-ratestars
{
    font-size:32px;    
    font-family:Verdana;
}
.tg-smiley {
    font-size:32px;
}
.RadGrid_Windows7 .rgRow a:focus,
 .RadGrid_Windows7 .rgAltRow a:focus,
 .RadGrid_Windows7 .rgEditRow a:focus,
 .RadGrid_Windows7 .rgFooter a:focus,
 .RadGrid_Windows7 .rgEditForm a:focus
{
    background-color: #FFFF00
}
/* Payroll module (phase A).
   A sixth top-level menu item does not fit at the legacy fixed width: .sf-menu a is 187px and
   .sf-menu li adds a 1px border, so six items need 1128px inside a bar that is about 960px
   (.main is 980px and .sf-menu is inset 20px). The menu would wrap onto a second row inside a
   fixed #header{height:189px} and collide with the content box.
   Six items at 155px + 1px border come to 936px, which fits with room to spare, and the bar keeps
   its evenly-spaced rhythm. Scoped with the child combinator so the 146px submenu anchors
   (.sf-menu li li a) are untouched, and to #mainMenu so nothing else that uses .sf-menu is
   affected. #mainMenu carried no rules before this, so there is nothing to collide with. */
#mainMenu .sf-menu > li > a
{
    width: 155px;
}

/* The unresolved-teacher-note count, on the "ניהול שכר" menu item.

   Round, like every count in the payroll module's own design language, and in the brand red so it
   reads as "someone is waiting" against a menu bar that is otherwise uniform. It is rendered only
   when the count is above zero, so there is no empty state to style.

   Inline-block with a fixed line-height rather than padding on all four sides: the menu anchor is a
   fixed 155px with its own vertical rhythm (see the rule above), and vertical padding here would
   push the item's text off the baseline its five neighbours sit on. */
#mainMenu .sf-menu > li > a .payroll-note-badge
{
    display: inline-block;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    margin-right: 6px;
    padding: 0 5px;
    border-radius: 9px;
    background: #BD2426;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}