/* standart */

body
{font-family: Verdana,Arial,Helvetica,sans-serif; color: #58595b; font-size:68.75%; height: 100%; margin: 0; padding: 0; background: #ffffff  url(../image/header_fon.gif) repeat-x;}
a
{text-decoration: none; color: #265c92;}
a:link, a:active, a:visited
{color: #265c92;}
a:hover
{color: #0066cc;}
a img
{border: none;}
input
{color: #333333; font-size: 1.1em;}
.checkbox
{position: absolute; margin-top: 1px;}
.checkbox label
{position: absolute; margin-top: 3px;}
select
{color: #333333; font-size: 1.2em;}
h1
{color: #dc8c00; font-weight: bold; line-height: 1.3em; font-size: 1.6em; margin-bottom: 0.8em; margin-top: 0;}
h3
{font-weight: bold; line-height: 1.3em; font-size: 1.1em; margin-bottom: 0.2em; margin-top: 0;}
h6
{font-weight: bold; line-height: 1.3em; font-size: 1.1em; margin-bottom: 0.8em; margin-top: 2em; padding-bottom: 0.2em; padding-left: 1.4em; border-bottom: dotted 1px #9c9c9c; background-image: url(../image/h6.png); background-repeat: no-repeat; background-position: 0px center;}
hr
{margin-bottom: 0.8em; margin-top: 0.8em; border: 0; border-bottom: dotted 1px #9c9c9c;}
p
{line-height: 1.4em; font-size: 1.1em; margin-bottom: 0.8em; margin-top: 0.8em;}
div.p
{margin-bottom: 0.8em; margin-top: 0.8em;}
ul, ol
{line-height: 1.4em; font-size: 1.1em; margin-bottom: 0.8em; margin-top: 0.8em;}
ul li
{margin: 0.8em 1em 0.8em -2em;}
ol li
{margin: 0.8em 1em 0.8em -0.5em;}
textarea.expanding
{width: 100%; min-height: 40px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1.2em; line-height: 1.3em; margin-top: 5px}
.copyright
{font-size: 10px; font-family: Verdana, Arial, Helvetica; color: #888888; font-weight: lighter;}
.center
{margin-left: auto; margin-right: auto;}
.caution
{color: red; font-weight: bold; margin-left: 10px; margin-right: 5px;}

.radio input
{float: left; margin-left: -3px;}
.radio label
{float: left; margin-left: 3px; margin-right: 5px; margin-top: 3px; white-space: nowrap;}

.lock
{display: none; position: fixed; left: 0px; top: 0px; background-color: Gray; width: 100%; z-index: 10; height: 100%; filter: alpha(opacity=70); opacity: 0.7;}
.load
{display: none; position: fixed; float: left; background-color: White; z-index: 11; border: solid 1px Black; font-size: 1.1em; padding: 10px; max-width: 900px; max-height: 80%; overflow: auto;}
.load .loading
{margin-right: 10px; float: left; background-image: url("../../global/colorbox/loading.gif"); width: 32px; height: 32px;}
.load .warning
{margin-right: 10px; float: left; background-image: url("../../global/image/warning.png"); width: 49px; height: 40px;}
.load .button
{margin-left: 5px; float: right; height: 25px;}
.load div
{margin-top: 9px;}
.message
{text-align: center; padding-bottom: 10px; height: 60px; width: 250px;}

#warning
{display: none; position: absolute; width: 160px; height: 100px; top: 0px; background-color: red; color: white; padding: 10px; filter: alpha(opacity=70); opacity: 0.7;}
#warning a
{color: white; font-weight: bold;}

.success
{display: none; color: green; margin-left: 15px;}
.fail
{display: none; color: red; margin-left: 15px;}

blockquote 
{background: #F3F3F1 url(../image/blockquote.gif) ; background-repeat:repeat-y; margin: 20px 0; padding: 10px 20px 10px 35px; font: italic 1.2em Georgia, "Times New Roman", Times, serif;} 
blockquote p
{line-height: 1.2em; font-size: 1em; margin-bottom: 0.5em; margin-top: 0.5em;}
blockquote span
{font-family: Verdana,Arial,Helvetica,sans-serif; font-style: normal; font-size: 0.8em;}

/* navi */

.navi
{padding-top: 5px;}
.navi .ns
{color: Red;}

/* master */

#container 
{width: 980px; margin: 0 auto;}

#header 
{background: url(../image/header_bg_chip.gif) no-repeat center top; padding-top: 13px; height: 115px;}
#header a
{float: right;}
#header .banner
{position: absolute; float: right; margin-left: 506px; margin-top: 20px; background-image: url(../image/banner.png); padding: 5px; width: 468px; height: 60px;}

#headeren
{background: url(../image/header_bg_en.gif) no-repeat center top; padding-top: 13px; height: 115px;}
#headeren a
{float: right;}
#headeren .banner
{position: absolute; float: right; margin-left: 506px; margin-top: 20px; background-image: url(../image/banner.png); padding: 5px; width: 468px; height: 60px;}

#headerlms
{padding-top: 13px; height: 115px;}
#headerlms a
{float: right;}
#headerlms h2
{margin-bottom: 0.3em;}
#headerlms h3
{margin-bottom: 0.5em;}
#headerlms .icon
{width: 100px; height: 100px;}

.loginlms
{font-size: 0.9em; position: absolute; margin-left: 550px; top: 13px; text-align: right; width: 425px;}
.loginlms span
{margin-right: 2px; margin-left: 2px;}

.flagtr
{background-image: url(../image/flag_tr.gif); width: 21px; height: 13px; display: block;}
.flagen
{background-image: url(../image/flag_en.gif); width: 21px; height: 13px; display: block;}

.login
{font-size: 0.9em; position: absolute; margin-left: 510px; top: 13px; text-align: right; width: 425px;}
.login span
{margin-right: 2px; margin-left: 2px;}

#nav 
{list-style: none; position: absolute; top: 120px; padding: 0 5px; margin: 0; float: left; width: 980px; background: #2b7fa5; font-size: 1.1em; background:  none repeat-x;}
#nav li 
{float: left; margin: 0; padding: 0 15px 0 0; position: relative;}
#nav li a
{padding: 10px 5px; color: #fff; display: block; text-decoration: none; float: left;}
#nav li a:hover
{background: url(../image/header_hover.gif) no-repeat center top;}
#nav li span 
{width: 17px; height: 35px; float: left; background: url(../image/header_sublink.gif) no-repeat center top;}
#nav li ul.subnav
{list-style: none; position: absolute; left: 0; top: 35px; background: #2b7fa5; margin: 0;  padding: 0; display: none; float: left; width: 170px; border: 1px solid #fcfcfc;}
#nav li ul.subnav li
{margin: 0;  padding: 0; border-bottom: 1px solid #a7d1e4; clear: both; width: 170px;  z-index: 1;}
#nav li ul.subnav li a 
{float: left; width: 145px; background: #71afcb url(../image/header_link.gif) no-repeat 5px center; padding: 6px 5px 6px 20px;}
#nav li ul.subnav li a:hover 
{background: #4298bf url(../image/header_link.gif) no-repeat 5px center;}

.rightborder
{float: right; margin-top: 35px; width: 1px; height: 450px; background-image: url(../image/border.png);}
.leftborder
{float: left; margin-top: 35px; width: 1px; height: 450px; background-image: url(../image/border.png);}

#footer #one
{background-color: #f6f6f6; height: 20px; border-top: solid 1px #dddddd; margin-top: 10px;}
#footer #two
{background-color: #e5e5e5; height: 55px; border-top: solid 1px #dddddd;}
#footer #two img
{margin-right: 20px; margin-top: 10px; float: right;}
#footer .container 
{width: 960px; margin: 0 auto;}
#footer #tree
{background-color: #333333; color: #bda5a5; padding-top: 5px; padding-bottom: 6px; font-size: 0.8em;}
#footer #tree a
{color: #bda5a5;}
#footer #tree a:hover
{color: #ebdfdf;}
#footer .banner
{float: left; margin-top: -13px; width: 468px; height: 60px; }
#footer .social
{float: left; margin-left: 40px; margin-top: -20px; }
.clear
{clear: both;}

/* body */

#body
{width: 960px; padding: 5px; margin: 0 auto; margin-top: 35px; min-height: 570px;}
#body #ders
{float: left; width: 473px; margin-left: 2px; margin-top: 0; padding-right: 5px; border-right: dotted 1px #dddddd;}
#body #haber
{float: left; width: 473px; margin-left: 6px; margin-top: 0;}
#body .heading
{background-color: #eeeeee; color: #969696; padding: 3px 0 6px 7px; border-top: dotted 1px #cccccc; font-size: 0.9em; font-weight: bold;}

#body #haber table
{margin-top: 6px; margin-bottom: 10px;}
#body #haber img
{margin-right: 4px;}
#body #haber p
{margin-top: 3px; margin-bottom: 0;}

#location
{color: #c2c2c2; margin-bottom: 10px; font-size: 0.8em; font-style: normal;}
#location a		
{text-decoration: none; color: #999999;}
#location a:link, #location a:active, #location a:visited
{color: #999999;}
#location a:hover
{color: #68798b;}

.datalist
{border-collapse: separate;}
.datalist .item
{width: 475px; padding-right: 5px; border-right: dotted 1px #dddddd; }
.datalist .alternate
{width: 475px; padding-left: 5px;}
.datalist img
{margin-right: 8px;}
.datalist .space
{border-bottom: dotted 1px #dddddd; margin: 3px;}

.ticket
{padding: 5px; text-align: right; font-style: italic; color: #888888;}

#account .ticket
{width: 140px;}
#account .avatar
{position: absolute; float: left; margin-left: 580px; top: 385px; width: 320px;}
#account .panel
{padding: 20px;}
#account .avatar div
{padding-top: 10px;}
#account .field5 img
{margin-right: 10px;}

#profile
{padding-top: 10px;}
#profile .avatar
{margin-right: 10px;}
#profile .ticket
{padding: 0;}
#profile .doubledot
{color: #888888;}
#profile .value
{padding: 3px 5px 3px 0; height: 17px; min-width: 150px; font-size: 1em; font-weight: bold; border-bottom: dotted 1px #888888;}

.field1
{background-image: url(../../global/field/field1.gif); width: 2px; height: 2px;}
.field2
{background-image: url(../../global/field/field2.gif); height: 2px;}
.field3
{background-image: url(../../global/field/field3.gif); width: 2px; height: 2px;}
.field4
{background-image: url(../../global/field/field8.gif); width: 2px;}
.field5
{padding: 10px;}
.field6
{background-image: url(../../global/field/field4.gif); width: 2px;}
.field7
{background-image: url(../../global/field/field7.gif); width: 2px; height: 2px;}
.field8
{background-image: url(../../global/field/field6.gif); height: 2px;}
.field9
{background-image: url(../../global/field/field5.gif); width: 2px; height: 2px;}

.sliding
{margin-left: -190px; position: absolute; top: 220px;}
.sliding#custom
{margin-left: -190px; position: absolute; top: 170px;}
.sliding ul
{list-style: none; font-size: 1em;}
.sliding ul li.item span
{display: block; width: 150px; padding: 5px 13px; margin-left: -10px; color: #4298bf; background: #fcfcfc url(../image/menu_link.png) no-repeat 165px center; border-left: dotted 1px #d7d7d7; border-bottom: solid 1px #d7d7d7; font-weight: bold; text-decoration: none;}
.sliding ul li.item a
{display: block; width: 140px; padding: 5px 13px; color: #4d4d4d; background-color: #fcfcfc; border-left: dotted 1px #d7d7d7; border-bottom: solid 1px #d7d7d7; font-weight: bold; text-decoration: none;}
.sliding ul li.item a:hover 
{color: #4298bf; background-color: #f9fdff;}

.lms
{margin-left: 165px; background-color: white; padding-left: 20px; background-image: url(../image/sliding.jpg); background-position: left top; background-repeat: no-repeat; min-height: 250px;}
.lms .spot
{margin-left: 20px; margin-top: 20px;}

table.pasif
{filter: alpha(opacity=40); opacity: 0.4;}

.filespot
{margin-bottom: 10px;}
.files
{width: 300px; border-bottom: dotted 1px #e7e7e7; margin: 0 15px 10px 5px; padding-bottom: 3px;}
.files img
{float: left; margin-right: 5px; margin-bottom: 10px;}
.links
{font-weight: bold; margin-bottom: 15px; margin-left: 10px;}
.links div
{font-size: 1em; color: #424242; font-weight: normal; margin-top: 5px;}

.lesson
{font-size: 1.1em;}
.lesson div
{font-size: 0.9em; margin-top: 3px; margin-bottom: 1px; color: #5d5d5d;}

.lesson .hlesson
{padding: 5px 4px 5px 18px; border-bottom: dotted 1px #e7e7e7; background-image: url(../image/mini_kitap.png); background-position: left 8px; background-repeat: no-repeat;}
.lesson .hquiz
{padding: 5px 4px 5px 18px; border-bottom: dotted 1px #e7e7e7; background-image: url(../image/mini_saat.png); background-position: left 8px; background-repeat: no-repeat;}
.lesson .hexam
{padding: 5px 4px 5px 18px; border-bottom: dotted 1px #e7e7e7; background-image: url(../image/mini_saat.png); background-position: left 8px; background-repeat: no-repeat;}

.lesson .plesson
{padding: 5px 4px 5px 18px; border-bottom: dotted 1px #e7e7e7; background-image: url(../image/mini_kitap.png); background-position: left 8px; background-repeat: no-repeat;}
.lesson .pquiz
{padding: 5px 4px 5px 18px; border-bottom: dotted 1px #e7e7e7; background-image: url(../image/mini_saat.png); background-position: left 8px; background-repeat: no-repeat;}
.lesson .pexam
{padding: 5px 4px 5px 18px; border-bottom: dotted 1px #e7e7e7; background-image: url(../image/mini_saat.png); background-position: left 8px; background-repeat: no-repeat;}

.lesson .hquiz, .lesson .pquiz a
{color: #e1194e;}

.certificate
{float: left; cursor: pointer; margin-top: 220px; width: 151px; height: 59px; background-image: url(../image/belge.png);}


.tip 
{min-width: 230px; height: 120px; padding-left: 32px; overflow: hidden; display: none; position: absolute; z-index: 500;}
.tip p
{line-height: 1.3em; font-size: 1.1em; margin-bottom: 0.2em; margin-top: 0.2em; color: Black;}
.tipleft
{background: transparent url(../image/tip_left.png) no-repeat right;  height: 120px; width: 37px; float: left; }
.tipright 
{background: transparent url(../image/tip_right.png) no-repeat right;  height: 120px; width: 37px; float: left; }
.tipmid 
{background: transparent url(../image/tip_mid.png) repeat-x; padding-left: 5px; padding-top: 12px; float: left; min-width: 200px; height: 120px;}


x.tip 
{background: transparent url(../image/tip_left.png) no-repeat left; min-width: 230px; height: 120px; padding-left: 32px; overflow: hidden; display: none; position: absolute; z-index: 500;}
x.tip p
{line-height: 1.3em; font-size: 1.1em; margin-bottom: 0.2em; margin-top: 0.2em; color: Black;}
x.tip_mid 
{background: transparent url(../image/tip_mid.png) repeat-x; padding-left: 5px; margin-right: 37px; min-width: 200px; height: 120px;}
x.tip_right 
{background: transparent url(../image/tip_right.png) no-repeat right;  height: 120px; width: 37px; float: right; }

a.top
{float: right; font-size: 0.8em;}

.stat td
{text-align: center;}
.stat td.val
{font-size: 1.4em; width: 152px; padding-bottom: 6px; font-weight: bold; color: #3d4c68;}
.stat td.ticket
{font-size: 0.8em;}
.stat td.split
{border-left: dotted 1px gray;}

h6 span
{font-weight: lighter; font-size: 0.8em;}

.summary 
{margin-left: 15px;}
.summary th
{border-bottom: dotted 1px #e4e4e4; padding-top: 4px; padding-bottom: 4px; text-align: left; font-weight: lighter;}
.summary td
{border-bottom: dotted 1px #e4e4e4; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; text-align: center;}
.summary .title td
{font-size: 9px; color: #757575;}

.student th
{border-bottom: solid 1px #999999; color: #676767; padding: 0.5em 1em; font-weight: normal;}
.student td
{border-bottom: dotted 1px #676767; padding: 0.5em 1em; text-align: center;}
.student td.label
{border-bottom: dotted 1px #676767; padding: 0.5em 0; text-align: left;}
.student tr:hover
{background-color: #f0f0f0;}

#cont
{overflow: hidden; width: 770px; background-color: white; position: relative; float: left;}
.section
{width: 1900px; position: relative;}
.section .sub
{position: relative; float: left; width: 770px; padding-left: 1px;}

#viewer
{background: none; background-color: #676767; overflow: hidden;}
#viewer .head
{background-color: #d4d4d4; border-bottom: solid 1px #eaeaea; padding: 5px; display: block;}
#viewer .head b
{margin-right: 10px;}
#viewer .head input
{float: right; margin-top: -2px;}
#viewer #container
{margin: 0 auto; text-align: center;}
#viewer .load
{text-align: center;}

#viewer .contents
{background: transparent; border-top: solid 1px #eaeaea; color: Black; bottom: 0; right: 0; position: fixed; left: 0; top: 32px; z-index: 2;}
#viewer ul li
{margin: 0.8em 1em 0.8em -1.5em;}
#viewer ol li
{margin: 0.8em 1em 0.8em -1.5em;}
#viewer .resizableArea
{background: transparent; border: none; bottom: 0; display: block; height: auto; position: absolute; top: 0; width: 100%;}
#viewer .resizableArea .leftSection
{text-align: left; display: block; float: right; position: relative; height: 100%; width: 300px; background-color: #d4d4d4; background-image: url(../image/course_fon.gif); overflow: auto; z-index: 1; margin: 0 0 0 4px; padding: 0;}
#viewer .resizableArea .leftSection a		
{text-decoration: none; color: #333333;}
#viewer .resizableArea .splitter
{width: 4px; right: 300px; position: absolute; display: block; cursor: e-resize; height: 100%; z-index: 11; background-position: center; background-repeat: no-repeat; background-color: #bbb; vertical-align: middle; background-image: url(../image/gripper.gif); margin: 0; padding: 0;}
#viewer .resizableArea .rightSection
{text-align: left; overflow: auto; height: 100%; border: 0 none; background-color: #f9f9f9; background-image: url(../image/course_fon.jpg); position: relative; z-index: 10; margin: 0; padding: 0 0 0 0;}

#viewer .leftSection .list
{margin: 3px; padding: 0; border: solid 1px #d8d8d8; background-color: #f4f4f4; color: #595959;}
#viewer .leftSection .list:hover
{margin: 3px; padding: 0; border: solid 1px #000000; background-color: #fcf9c6; color: #595959; cursor: pointer;}
#viewer .leftSection a		
{padding: 6px; display: block;}

#viewer .leftSection ul
{padding: 0; margin: 0 0 1px 0; list-style: none; }
#viewer .leftSection ul li
{list-style: none; margin: 0; font-size: 0.9em; border: solid 1px #d8d8d8; background-color: #f4f4f4; color: #595959; }
#viewer .leftSection ul li:hover
{list-style: none; margin: 0; font-size: 0.9em; border: solid 1px #676767; background-color: #dcf1f5; color: #595959; cursor: pointer;}
#viewer .leftSection ul li.select
{list-style: none; margin: 0; font-size: 0.9em; border: solid 1px #676767; background-color: #f5efdc; color: #595959;}
#viewer .leftSection ul li.select:hover
{list-style: none; margin: 0; font-size: 0.9em; border: solid 1px #676767; background-color: #f5e7be; color: #595959; cursor: pointer;}

#viewer .leftSection .accordion .headerOut
{padding: 0; background-image: url(../image/accor_default.gif); border-bottom: solid 1px #a6dde8; font-weight: bold; width: 100%; display: block; cursor: pointer;}
#viewer .leftSection .accordion .haderOut:hover
{padding: 0; background-image: url(../image/accor_over.gif); border-bottom: solid 1px #d4d4d4; font-weight: bold; width: 100%; display: block; cursor: pointer;}
#viewer .leftSection .accordion .headerIn
{padding: 6px;}
#viewer .leftSection .accordion .listOut
{clear: left;}

#viewer .course
{padding: 80px; background-image: url(../image/course_flow.png); background-position: left top; background-repeat: no-repeat; min-height: 110px; font-size: 1.2em;}
#viewer .course h1
{font-weight: bold; font-size: 2.2em; color: #04617b; font-family: Calibri; margin-bottom: 15px;}
#viewer .course .spec
{border: solid 1px gray; text-align: center; border-collapse: collapse;}
#viewer .course .spec th
{border: solid 1px white; text-align: center; padding: 5px 10px 5px 10px; background-color: #0f6fc6; color: White;}
#viewer .course .spec td
{border: solid 1px white; background-color: #e7ebf5; text-align: center; padding: 5px 10px 5px 10px;}
#viewer .course .spec td.c2
{border: solid 1px white; background-color: #ccd5ea; text-align: center; padding: 5px 10px 5px 10px;}
#viewer .course .answer
{display: none;}
#viewer .course .notes
{background: #F3F3F1 url(../image/blockquote.gif) ; background-repeat:repeat-y; margin: 20px 0; margin-left: 20px; padding: 10px 20px 10px 35px; font-size: 0.9em;} 

.mapdetay
{display: none; z-index: 50; color: #000000; margin-top: 175px; margin-left: 335px; padding: 7px; font-family: Tahoma; font-size: 13px; position: absolute; width: 356px; background-color: #f9f9f9;}
.maptd
{width: 200px;}
.maptd table
{margin-bottom: 8px;}
.mapfield
{padding: 0 3px 3px 3px; width: 150px; text-align: center;}
.mapfield p
{margin: 0; font-size: 1.3em;}
.mapfield div
{border-bottom: dotted 1px gray; font-size: 1.8em; padding-bottom: 3px; margin-bottom: 3px;}

/* lab timings */

.calendar
{width: 220px;}
.reservation
{width: 320px; padding-right: 50px;}
.timetb
{border-collapse: collapse;}
.timetb td
{min-width: 17px; text-align: center;}
.timetb .line td
{border: 1px solid #999999; height: 20px;}
.timetb td.head
{border: 1px solid #999999; background-color: #e0ecf8; height: 20px; padding: 0 5px 0 5px; font-weight: bold;}
.timetb td.white
{border: none; min-height: 2px;}
.datesplit
{margin-top: 15px; margin-bottom: 5px;}
.tick
{border-right: gray 1px solid; height: 5px;}
.record
{position: absolute; height: 20px; background-color: red; filter: alpha(opacity=60); opacity: 0.6;}

.basket
{float: left; width: 190px;}
.basket div
{margin-top: 0.4em; margin-bottom: 0.4em; font-size: 9px;}
.basket .price
{color: #c03000;}
.basket .pay
{margin-top: 1em;}

.product
{margin-left: 200px; background-color: white; padding-left: 20px; background-image: url(../image/sliding.jpg); background-position: left top; background-repeat: no-repeat; min-height: 250px;}
.product h1
{font-size: 1.8em; color: #58595b;}
.product h3
{font-weight: bold; line-height: 1.3em; font-size: 1.05em; margin-bottom: 0.4em; margin-top: 0;}
.product .doviz
{color: #c03000; font-weight: bold;}
.product .tl
{font-weight: bold; font-size: 0.8em;}
.product .label
{font-size: 0.7em;}
.product .spot
{font-size: 0.8em; margin-top: 0.5em; margin-bottom: 0.8em;}
.product .price
{font-size: 1.1em;}
.product .price td
{height: 20px;}
.product .price .doviz
{font-size: 1.2em;}
.product .price .tl
{font-size: 1.2em;}

#payment .ticket
{width: 175px;}
#payment .diva
{float: left;}
#payment .divb
{float: left; position: absolute; margin-left: 110px; margin-top: 3px;}
#payment .tutar
{color: #c03000; font-size: 1.1em; font-weight: bold;}
#payment .invoice
{border-collapse: collapse;}
#payment .invoice th
{padding: 8px; border: solid 1px #c2c2c2; text-align: center;}
#payment .invoice td
{padding: 8px; border: solid 1px #c2c2c2;}
#payment .invoice td.command
{border: 0;}
#payment .error
{color: red;}
#payment .complate
{color: green;}

#search
{padding-left: 270px; padding-top: 20px; padding-bottom: 50px;}
#customsearch td
{padding-right: 5px;}

.library .line
{margin: 10px 0 10px 4px; line-height: 1.6em;}
.library .line a
{font-size: 1.1em; font-weight: bold;}
.library .line .div
{font-size: 1em;}
.library .line span
{color: green;}
.library .line span a
{font-size: 0.8em; font-weight: normal; color: #8c8c8c;}
.library .line span a:hover
{color: green;}
.library .star
{width: 16px; cursor: pointer; height: 15px; display: block; float: left; background-image: url(../image/star.png); background-repeat: no-repeat; background-position: left 3px;}

.library .top
{float: right; margin-right: 10px;}
.library .top a
{font-weight: normal;}
.library .top .ns
{color: red;}

.library .foot
{font-size: 1.2em;}
.library .foot .ns
{color: red; border-bottom: solid 1px red;}

#topic h1
{margin-bottom: 0;}
#topic .topline
{margin-top: 3px; border-bottom: solid 1px #cccccc;}
#topic .rightblock
{width: 240px; padding-left: 2px; float: right;}
#topic .rightblock .inline
{margin-top: 5px; margin-bottom: 10px; font-size: 0.9em;}
#topic .rightblock .inline img
{margin-bottom: 2px; border: solid 1px #d7d7d7}
#topic .split
{float: right; margin-left: 10px; margin-right: 5px; width: 1px; height: 450px; background-image: url(../image/border.png);}
#topic .header
{color: #9a9a9a; margin-bottom: 10px;}
#topic .container
{width: 700px;}
#topic .feed div
{margin-top: 5px; margin-bottom: 5px;}
#topic #success
{color: green; display: none;}

#cloud
{margin-top: 5px; margin-bottom: 10px;}
#cloud a
{text-decoration: none; margin-left: 5px; margin-right: 5px; font-family: Trebuchet MS; text-transform: lowercase;}
#cloud a:hover
{text-decoration:underline;}
#cloud a.w1
{color: #ff9900; font-size: 1.5em; font-weight: bolder;}
#cloud a.w2
{color: #4169e1; font-size: 1.3em; font-weight: bolder;}
#cloud a.w3
{color: #009eff; font-size: 1.1em; font-weight: bolder;}
#cloud a.w4
{color: #4188cf; font-size: 1.0em;}
#cloud a.w5
{color: #83bcd8; font-size: 0.8em;}

#dock 
{position: relative; height: 60px;}
.docker 
{position: absolute;}
.docker a 
{position: absolute; display: block; width: 40px; top: 0px; text-decoration: none;}
.docker img 
{border: none; width: 100%;}
.docker span 
{width: 100%; font-size: 0.8em; white-space: nowrap; text-align: center; display: none; position: absolute; top: 55px;}

.confirm
{margin-right: 10px;}

#team H3
{margin-top: 5px;}
#team span
{font-size: 10px; margin-bottom: 6px; display: block; font-family: Verdana, Arial, Helvetica; color: #888888; font-weight: lighter;}
#team div
{margin-top: 3px;}
#team .img
{min-width: 60px;  min-height: 80px; background-image: url(../image/team.jpg); background-repeat: no-repeat; background-position: left top;}
#team img
{margin-left: 4px;}
#team .email
{margin-left: -1px; margin-top: 3px; margin-bottom: 2px;}