@import url('core.css');

/****************************************** text ***************************************/
p, .inner ul li, .inner h2, .inner h3, .button span, #header ul li a, #iRight ul li a span, dd, dt, h4,td,th {
    font-family: "Lucida Grande", "Lucida Sans Unicode",arial;
}

p {
    font-size: 12px;
    color: #d5d4d4;
    line-height: 22px;
    margin: 0 0 24px 0;
}

.inner p {
    color: #aaa;
}

p a {
    color: #d5d4d4;
    font-weight: bold;
}

p a:hover, li a:hover, .inner h4 a:hover {
    text-decoration: underline;
}

p.intro {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
}

p img {
    float: left;
    border: 1px solid #fff;
    margin: 0 20px 20px 0;
}

.inner ul li {
      font-size: 12px;
      color: #d5d4d4;
      background: url('/assets/images/global/bullet.gif') 0px 5px no-repeat;
      padding: 0 0 0 15px;
      margin: 0 0 10px 0;
}

.inner h1 {
    font-family: arial;
    font-size: 26px;
    color: #fff;
    background: url('/assets/images/global/titleBlocks.gif') 100% 5px no-repeat;   
    padding: 0 150px 0 0;
    float: left;
    margin: 0 0 20px 0;
}

.inner h2, .inner h3, .inner h4 {
    font-size: 21px;
    color: #fff;
    background: url('/assets/images/global/smallTitleBlock.gif') 0px 27px no-repeat;
    padding: 20px 0 0 24px;
    border-top: 1px dotted #afafaf ;
    margin: 0 0 15px 0;
    clear: both;
}

.inner h2 {
    margin: 0 0 25px 0;
}

.inner h4 {
    font-size: 16px;
    color: #fff;
    background: url('/assets/images/global/smallTitleBlock.gif') 0px 24px no-repeat;
    padding: 20px 0 0 24px;
    margin: 0 0 15px 0;
    clear: both;
}

.button {
    display: block;
    background: url('/assets/images/global/buttonLeft.gif') left top no-repeat;
    margin: 0 0 20px 0;
}

.button:hover {
    background-position: left bottom;
}

.button:hover span {
    background-position: right bottom;
}

.button span {
    display: block;
    height: 36px;
    background: url('/assets/images/global/buttonRight.gif') right top no-repeat;
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding: 14px 0 0;
}

.stage {
    padding: 10px 0 0px 0;
    margin: 0 0 20px 0;
    border-top: 1px dotted #afafaf ;
    
}

#wrap .stage h4 {
    font-size: 16px;
    color: #efefef;
    margin: 0 0 6px 0;
    border: none;
    clear: none;
    background: url('/assets/images/global/smallTitleBlock.gif') 0px 4px no-repeat;
    padding: 0px 0 0 24px;    
}

.stage p {
    font-size: 12px;
    color: #aaa;
    line-height: 22px;
    margin: 0 0 15px 0;
}

#wrap .stage img {
    float: right;
    margin: 0 0 20px 20px;
    border: 1px solid #fff;
}



/************************* other *********************/

#header ul {
    padding: 0 0 0 1px;
}

#header ul li {
    display: block;
    float: left;
    background: url('/assets/images/global/navDivide.gif') right top no-repeat;
    padding: 0 1px 0 0;
}

#header ul li#nLast {
    background: none;
}




#header ul li a {
    font-size: 13px;
    color: #bdbdbd;
    display: block;
    height: 34px;
    padding: 10px 20px 0px;
}

#header ul li a:hover {
    background: url('/assets/images/global/navOn.gif') left bottom repeat-x;
    text-decoration: none;
}

#header ul li.on a {
    background: url('/assets/images/global/navOn.gif') left top repeat-x;
    color: #fff;
}


#header ul li.on a#nFirst {
    background: url('/assets/images/global/navOnFirst.gif') left top no-repeat;
}



.withImage img {
    border: 1px solid #fff;
    width: 199px;
    float: left;
    margin: 0 10px 0 0;
}

.withImage div {
    width: 398px;
    float: right;
}

/************************* right nav *********************/

#iRight ul li {
    display: block;
    background: none;
    margin: 0 0 3px 0;
    padding: 0;
}

#iRight ul li a {
    display: block;
    background: url('/assets/images/global/rightNavTop.gif') center top no-repeat;
}

#iRight ul li a span {
    display: block;
    background: url('/assets/images/global/rightNavBottom.gif') center bottom no-repeat;
    font-size: 13px;
    color: #acacac;
    padding: 14px 5px 15px 24px ;
}

#iRight ul li a:hover {
    background-position: right top;
}

#iRight ul li a:hover span{
    background-position: right bottom;
    color: #fff;
}

#iRight ul li.on a {
    background-position: left top;
}

#iRight ul li.on a span {
    background-position: left bottom;
    color: #fff;
}

/************************* table *********************/

.table {
    background: #1a1a1a;
    border: 1px solid #6b6b6b;
    padding: 1px;
    margin: 0 0 20px 0;
}

.table h4 {
    background: url('/assets/images/global/smallTitleBlock.gif') 5px 9px no-repeat;
    color: #fff;
    padding: 5px 0 0 25px;
    margin: 0 0 10px 0;
    border: none;
}

 table {
    width: 100%;
}

 table td {
    background: #2c2c2c;
    border-bottom: 2px solid #1a1a1a;
    padding: 9px;
    font-size: 13px;
    color: #fff;
}

table td.darker {
    color: #bfbfbf;
}

 table .cOne {
    border-right: 2px solid #1a1a1a;
}

 .properties {
    color: #bfbfbf;
}


 .lastRow td {
    border: none;
}

table th {
    background: #272727;
    border-bottom: 2px solid #1a1a1a;
    padding: 9px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}