html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit;}
:focus { outline: 0;}
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: "" "";}
/* Basic Selectors
--------------------------------------------------------------------------------------- */
html {height: 100%; background: #46A9C9 url(images/bg/background3.jpg) top center no-repeat;}
body { font: normal 62.5% Arial, Helvetica, Verdana, sans-serif; color: #666666; height: 100%;}
h1, h2, h3, h4, h5, h6 { font-family: "HelveticaNeueLight", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.6em; color: #333333;}
h3.small_text { font-size:1.2em; font-weight:bold; font-family: Helvetica, Arial, Verdana, sans-serif; letter-spacing: .4em; text-transform: uppercase; color: #9ba6b3; }
p { font-size:1.2em; line-height:1.4em; margin:12px 0; }
small { font-size:1.1em;}
.buton {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: small;
background-color: #60ABD8;
padding: 10px;
}
.buton:hover {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: small;
color: #FFF;
background-color: #597D98;
padding: 10px;
}
.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }
.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none; }
.clear-left {clear: left;}
.clear-right {clear:right;}
.push {clear:both;}
.hide {display: none;}
.overflow { width: 100%; overflow: hidden; }
p.btn { margin-top: 20px; margin-bottom: 0; }
p.last { margin-bottom: 0; }
.article_thumb { float: left; display: inline; margin: 16px 16px 16px 0; }
.title_full_width_border { width:100%; padding-bottom:12px; border-bottom:6px solid #ccc; }
img.large_image { margin-top: 26px; margin-bottom: 10px}
img.image_frame { padding: 9px; background: #ffffff; border: 1px solid #dddddd;}
img.small_image { margin: 0 0 10px 40px; float: right; display: inline;}
/* Links
--------------------------------------------------------------------------------------- */
a {font-weight: bold; text-decoration: none;}
a:link { color: #169bdc;}
a:visited { color: #169bdc;}
a:hover { color: #169bdc; text-decoration: underline;}
a:active { color: #169bdc;}
.portfolio_item a:link { color: #333333;}
.portfolio_item a:visited { color: #333333;}
.portfolio_item a:hover { color: #169bdc; text-decoration: none;}
.portfolio_item a:active { color: #333333;}
.main_nav a:link { color: #ffffff;}
.main_nav a:visited { color: #ffffff;}
.main_nav a:hover { color: #36bafa; text-decoration: none;}
.main_nav a:active { color: #ffffff;}
.main_nav a.active { background: transparent url(images/bg/bg_main_menu_active.gif) bottom center no-repeat;}
.main_nav a.active:link { color: #36bafa;}
.main_nav a.active:visited { color: #36bafa;}
.main_nav a.active:hover { color: #36bafa; text-decoration: none;}
.main_nav a.active:active { color: #36bafa;}
.old a:link { color: #333333;}
.old a:visited { color: #333333;}
.old a:hover { color: #999999; text-decoration: none;}
.old a:active { color: #333333;}
a.arrow {background: transparent url(images/arrows/arrow_blue.gif) 100% 50% no-repeat; padding-right: 14px;}
.btn_main_nav { display:block; width: 139px; height: 33px; background: transparent url(images/btn/btn_main_nav.gif) top left no-repeat; }
.btn_main_nav:hover { background-position: top right; color: #ffffff;}
.btn_more { display:block; width: 43px; height: 19px; text-indent: -9999px; background: transparent url(images/btn/btn_more.gif) top left no-repeat; }
.btn_more:hover { background-position: top right;}
.btn_get_started { display:block; width: 266px; height: 53px; text-indent: -9999px; background: transparent url(images/btn/btn_get_started.gif) top left no-repeat; float:right; margin: 23px 0 0 0; }
.btn_get_started:hover { background-position: top right;}
.btn_package_signup { display:block; width: 167px; height: 46px; text-indent: -9999px; background: transparent url(images/btn/btn_package_signup.jpg) top left no-repeat; }
.btn_package_signup:hover { background-position: bottom left;}
.btn_vcard { display:block; width: 213px; height: 33px; text-indent: -9999px; background: transparent url(images/icons/icon_vcard.gif) top left no-repeat; }
.btn_vcard:hover { background-position: bottom left;}
.btn_top { margin-left: 0;}
body.ourwork .btn_top { margin-left: 10px;}
/* Main Structural Selectors
--------------------------------------------------------------------------------------- */
.container { width:960px; margin: 0 auto; padding: 0 0; }
.header { width:960px; margin: 0 auto; padding: 0 0 0px 0; overflow: hidden; }
.content { width:880px; margin: 0 auto; padding: 30px 40px; background: #ffffff;}
.main { width:640px; float:right; display:inline; margin: 0; }
.sidebar { width:200px; padding:0; float:left; display:inline; margin: 0;}
body.home .content { width:960px; margin: 0 auto; padding: 0;}
body.ourwork .content { width:960px; margin: 0 auto; padding: 30px 0;}
body.ourwork .main { width:620px; float:left; display:inline; margin: 0 0 0 30px; }
body.staff_page .content { width:930px; margin: 0 0 0 0; padding: 30px 0 40px 30px;}
.sidebar-content { width:190px;float:left; margin: 0 0 0 30px; padding: 30px 0px 40px 10px; background: #ffffff url(images/bg/bg_sidebar.gif) 0px 1px repeat-y;height:510px}
body.packages .content { width:900px; margin: 0 auto; padding: 30px 30px;}
body.sign_up_page .content { -moz-border-radius:12px; -webkit-border-radius:12px;}
/* Header Layout
--------------------------------------------------------------------------------------- */
.header h1 { float: left; display: inline; }
.header-con2{float: left;margin:37px 0 0 60px}
.main_nav { width: 960px; padding: 0 0 0 0; height: 50px; overflow: hidden; background: #3e5673 url(images/bg/bg_main_menu.jpg) bottom left repeat-x; border-bottom: 3px solid #ffffff; position: relative;}
.main_nav { -moz-border-radius-topleft:12px; -moz-border-radius-topright:12px; -webkit-border-top-left-radius:12px; -webkit-border-top-right-radius:12px;}
.main_nav_left { float: left; display: inline; width: 750px; overflow: hidden;}
.main_nav_right { float: right; display: inline; width: 150px; overflow: hidden; margin-right: 36px; margin-top: 8px;}
.main_nav_left li { float: left; display: inline; height: 50px; background: transparent url(images/bg/bg_main_menu_li.jpg) 100% 50% no-repeat; font-size: 1.4em; width: 118px; text-align: center;}
.main_nav_left li a { display: block; height: 50px; line-height: 50px; padding: 0 0; width: 118px;}
.main_nav_right li { float: right; display: inline; height: 33px; font-size: 1.2em; background: none; margin: 0 0 0 10px; padding: 0; width: 139px; }
.main_nav_right li a { display: block; height: 33px; line-height: 33px; padding: 0 0; text-align: center; width: 139px; }
.main_nav_right li a:hover { color: #ffffff;}
/* Rotator Layout
--------------------------------------------------------------------------------------- */
.rotator { width: 960px; height: 301px; background: #edf7fe url(images/bg/fabrika2.jpg) bottom left no-repeat; position: relative;}
#divMainRotator { width: 960px; height: 252px; overflow: hidden;}
.featured_project { width: 880px; padding: 0 40px; height: 252px; overflow: hidden;}
.featured_project img { float: right; display: inline;}
.featured_project_content { float: left; display: inline; width: 390px; margin-top: 50px; overflow: hidden;}
.featured_project_content h4 { font-size: 3.8em; font-weight: 200; margin: 26px 0; line-height: 1.1em;}
#divMainRotatorNav { position:absolute; bottom:24px; left:37px; z-index:99; height: 33px; width:400px; overflow: hidden;}
#divMainRotatorNav a { display: block; float: left; width: 59px; height: 33px; background: transparent url(images/btn/btn_rotator_active.gif) top right no-repeat; text-align: center; line-height: 33px; font-size: 1.2em; color: #ffffff; margin-right: 12px; }
#divMainRotatorNav a:hover { background: transparent url(images/btn/btn_rotator_active.gif) top left no-repeat; text-decoration: none; }
#divMainRotatorNav a.activeSlide { background: transparent url(images/btn/btn_rotator_active.gif) top left no-repeat; text-decoration: none; color: #ffffff; }
#divMainRotatorNav a:focus { outline: none; }
/*############## TABLE ###################*/
.sortable {width:767px; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none;}
.sortable th {background:url(images/header-bg.gif); text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none}
.sortable th h3 {font-size:10px; padding:6px 8px 8px}
.sortable td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.sortable th a{background:url(images/sort.gif) 2px center no-repeat;color:#cfdce7; cursor:pointer; padding-left:10px}
.sortable .desc, .sortable .asc {background:url(images/header-selected-bg.gif)}
.sortable .desc h3 {background:url(images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(images/asc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#ecf2f6}
.sortable td.evenselected {background:#ecf2f6}
.sortable td.oddselected {background:#dce6ee}
/* Homepage Layout
--------------------------------------------------------------------------------------- */
.hakkmizda{float:left;padding:0 0 0 170px;}
.hakkmizda2{float:left;padding: 0 0 0 30px;}
.hakkimizda-icerik{float:left;padding:0 0 0 30px;width:570px;color:#484848}
.hakkimizda-icerik2{float:left;padding:0 0 0 30px;font-size:small;font-family:Tahoma;line-height :25px; width:570px;color:#484848}
.hakkimizda-icerik3{float:left;padding:0 0 0 30px;font-size:small;font-family:Tahoma;line-height :25px; width:840px;color:#484848}
.homepage_content { width: 900px; padding: 5px 30px 24px 40px; overflow: hidden; background: url('images/bg/bg_homepage_content.jpg') no-repeat left bottom;
}
.sube{float:left;padding:0 0 0 30px;}
.homepage_content_left { float: left; display: inline; width: 572px; overflow: hidden;}
.homepage_content_right { float: right; display: inline; width: 268px;padding:20px 60px 0 0;}
.what_we_do { float: left; display: inline; width: 500px;}
.email_box { float: right; display: inline; width: 273px;padding:10px 0 0 0}
.what_we_do_content { float: right; display: inline; width: 100%; }
.email_content { float: right; display: inline; width: 100%;font-size:12px; }
.request_project_content { float: right; display: inline; width: 74%; }
.featured_work { width: 918px; padding: 0px 12px 10px 30px;background: url('images/bg/bg_homepage_content.jpg') no-repeat left bottom; }
body.ourwork .featured_work { width: 918px; padding: 0 12px 16px 30px; }
.featured_work h3 { margin-left: 10px;}
.featured_work h3 span { letter-spacing: 0; text-transform: none; margin-left: 10px;}
.portfolio_box { width: 100%; margin-top: 26px; overflow: hidden;}
.portfolio_box2 { width: 100%; margin-top: 10px; overflow: hidden;}
.portfolio_item { float: left; display: inline; width: 246px; padding: 18px; background: transparent url(images/bg/bg_work_thumbnail.gif) 0 0 no-repeat; overflow: hidden; margin-right:20px; }
.portfolio_item2 { float: left; display: inline; width: 100%; padding: 20px; background: transparent url(images/bg/bg_work_thumbnail.gif) 0 0 no-repeat; overflow: hidden; margin-right:20px; }
.portfolio_item img { margin-bottom: 22px;}
.portfolio_item h4 { font-size: 1.4em;}
.portfolio_item h4 a { font-weight: normal;}
.portfolio_item:hover a { color: #169bdc; }
.learn_more_products { height: 100px; width: 880px; background: #223958; padding: 0 40px; }
.learn_more_products h4 { float:left; display: inline; font-size: 2em; color: #ffffff; margin: 25px 0 0 0;}
.learn_more_products p { float:left; clear: left; display: inline; color: #ffffff; margin: 2px 0 0 0; width: 69%; color: #6b819f; }
body.hide_subfooter .learn_more_products { display: none;}
/* Main Layout
--------------------------------------------------------------------------------------- */
.page_header { width: 880px; overflow: hidden; margin: 0 auto 4px auto; padding-top:25px}
body.ourwork .page_header { margin: 0 auto 16px auto; }
body.staff_page .page_header { width: 880px; margin-left: 10px; }
body.packages .page_header { width: 880px; overflow: hidden; margin: 0 auto 0 auto; }
.page_header {background: transparent url(images/bg/bg_homepage_content.jpg) center bottom no-repeat; padding-bottom: 26px; }
.page_header h3 { font-size: 3.4em; font-weight: 200; padding-bottom: 4px; float: left; display: inline;}
.page_header small { float: right; display: inline; margin-top: 12px; color: #aaaaaa; text-transform: uppercase; font-weight: bold; margin-left: 12px; }
.page_header h5 { color: #888888; font-size: 1.1em; margin-top: 8px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal;}
.page_header h6 { float: right; display: inline; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1.2em; }
.page_header h3.story_title { font-size: 3.4em; line-height: 1em; font-weight: 200;}
.home_row .page_header h3, .home_row_bottom .page_header h3 { font-weight: normal; }
.top_nav a:link { color:#888888;}
.top_nav a:visited { color:#888888;}
.top_nav a:hover { color:#888888; }
.top_nav a:active { color:#888888;}
.top_nav a.active_category { font-weight: bold;}
.top_nav a.active_category:link { color:#333333;}
.top_nav a.active_category:visited { color:#333333;}
.top_nav a.active_category:hover { color:#333333; }
.top_nav a.active_category:active { color:#333333;}
.top_nav { width:300px; overflow: hidden; float: right; display: inline; margin: 20px 0 0 0; }
.top_nav li { float: right; display: inline; margin-left: 50px; font-size: 1.4em;}
.top_nav li.last { margin-left: 0; }
.top_nav li a { font-weight: 400; }
.big_font { font-size: 2.4em; font-weight: 200; color: #666666; line-height: 1.6em; font-family: "HelveticaNeueLight", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.big_font span { background: #fff7ab;}
.main h4, .full h4 { font-size: 1.6em; margin: 20px 0; }
.breadcrumb { width: 860px; padding: 10px 10px 10px 10px; margin: 0 0 18px 0; border-bottom: 1px solid #e1eef4; border-top: 1px solid #e1eef4; overflow:hidden; font-size:1.1em; background: #f5fcff; }
.breadcrumb span { margin: 0 8px;}
.main_content h3 { font-weight: bold;}
.main_content p { line-height: 1.6em; margin: 18px 0;}
.main_content ul, .main_content dl, .main_content ol, .full ul { margin: 16px 0; }
.main_content ul li, .main_content dl dd, .full ul li { list-style: disc; display: list-item; margin-left: 32px; padding-left: 4px; font-size: 1.2em; line-height: 1.3em; margin-bottom: 6px; }
.main_content ol li { display: list-item; margin-left: 32px; padding-left: 4px; font-size: 1.2em; line-height: 1.3em; margin-bottom: 6px; }
blockquote { margin: 24px; }
blockquote p { font-size: 1.8em; line-height: 1.4em; font-family: Georgia, serif; margin: 24px 0; color: #63b9e3; font-style: italic;}
.main_image { float: left; display: inline; margin: 24px 28px 24px 0; }
.main_image_small { float: left; display: inline; margin: 0 28px 24px 0; }
.staff_box { width:100%; margin-top: 34px; }
.staff { width:170px; float: left; display: inline; text-align: center; height: 268px; padding: 20px 20px 0 20px; background: transparent url(images/bg/bg_staff_thumbnails.jpg) 0 0 no-repeat; margin-right: 20px; }
.staff h3 { font-size: 1.2em; margin: 8px 0 2px 0; letter-spacing: normal; text-transform: none; }
.staff_info { width: 270px; height: 311px; padding: 0 20px 20px 0; float: left; display: inline; margin-top: 5px; background: transparent url(images/bg/bg_staff_bio.jpg) 10px 10px no-repeat;}
.staff_info img { margin-bottom: 20px; }
.staff_thumb_image { margin-bottom: 14px }
.staff_content { width: 64%; float: right; display: inline; }
.staff_content h4 { font-size: 1.6em; margin: 0 0 2px 0; }
.staff_content p:first-child { margin-top:0; }
.staff_title { font-size: .3em; font-weight: bold; margin-left: 15px; color: #9ba6b3; letter-spacing: .4em; text-transform: uppercase; }
.staff_title img { vertical-align: middle; margin:0 0 2px 14px; }
* html .staff_title { letter-spacing: .2em;}
.staff_content ul li { list-style: disc; display: list-item; margin-left: 13px; padding-left: 4px; font-size: 1.2em; line-height: 1.3em; margin-bottom: 6px; }
.staff_content ol li { display: list-item; margin-left: 13px; padding-left: 4px; font-size: 1.2em; line-height: 1.3em; margin-bottom: 6px; }
.staff_info h4 { font-size: 1.2em; margin: 16px 0 0 0; }
.staff_content .staff_networks { margin: 12px 0 0 0; padding: 0; width: 100%; overflow: hidden; }
.staff_content .staff_networks li { margin: 0; padding: 0; list-style: none; float: left; display: inline; margin-right: 12px; }
.staff_content .staff_networks li a { display: block; width: 16px; height: 16px; text-indent: -9999px;}
.staff_facebook, .staff_facebook:hover { background: transparent url(images/staff/staff_facebook.gif) 0 0 no-repeat; }
.staff_twitter, .staff_twitter:hover { background: transparent url(images/staff/staff_twitter.gif) 0 0 no-repeat; }
.staff_myspace, .staff_myspace:hover { background: transparent url(images/staff/staff_myspace.gif) 0 0 no-repeat; }
.staff_linkedin, .staff_linkedin:hover { background: transparent url(images/staff/staff_linkedin.gif) 0 0 no-repeat; }
.staff_flickr, .staff_flickr:hover { background: transparent url(images/staff/staff_flickr.gif) 0 0 no-repeat; }
.big_text { background: #d6ebc4 url(images/icons/icon_confirmation.gif) 16px 50% no-repeat; padding: 8px 15%; width: 70%; text-align: center; margin: 24px 0; }
.big_text p { font-size: 1.6em; color: #2c8603; margin: 0; line-height: 1.3em; }
.confirmation_content h4 { margin: 30px 0 24px 0; }
.portfolio_image_box { width: 620px; background: transparent url(images/bg/bg_portfolio_image_middle.jpg) 0 0 repeat-y; overflow: hidden; }
.portfolio_image_box_plus { margin-top: 16px; }
.portfolio_image_shadow_top { width: 620px; font-size:0px; background: transparent url(images/bg/bg_portfolio_image_top.jpg) top left no-repeat; height:20px; float: left; display: inline; overflow: hidden; }
.portfolio_image_shadow_bottom { width: 620px;font-size:0px;height:20px; background: transparent url(images/bg/bg_portfolio_image_bottom.jpg) bottom left no-repeat; overflow: hidden; float: left; display: inline; overflow: hidden;}
.portfolio_image_box1 { width: 900px; background: transparent url(images/bg/bg_portfolio_image_middle1.jpg) 0 0 repeat-y; overflow: hidden; }
.portfolio_image_box_plus1 { margin-top: 16px; }
.portfolio_image_shadow_top1 { width: 900px; font-size:0px; background: transparent url(images/bg/bg_portfolio_image_top1.jpg) top left no-repeat; height:10px; float: left; display: inline; overflow: hidden; }
.portfolio_image_shadow_bottom1 { width: 900px;font-size:0px;height:10px; background: transparent url(images/bg/bg_portfolio_image_bottom1.jpg) bottom left no-repeat; overflow: hidden; float: left; display: inline; overflow: hidden;}
.divider { width: 100%; overflow: hidden;}
.divider_left { float: left; display: inline; width: 66%;}
.divider_right { float: right; display: inline; width: 30%;}
.services_box { width: 880px; padding: 24px 40px 0 0; overflow: hidden; }
.services_div { float: left; display: inline; width: 268px; margin-right: 25px; overflow: hidden; height: 130px;}
.services_div img { float: left; display: inline; margin-top: 3px;}
.services_content { float: right; display: inline; width: 194px; }
.clients_box { width: 880px; padding: 14px 0 0 0; overflow: hidden; }
.clients_div { float: left; display: inline; width: 200px; margin-right: 24px; overflow: hidden; }
.clients_box .last { margin-right: 0;}
.clients_div img { float: left; display: inline; margin-top: 3px;}
.clients_content { float: right; display: inline; width: 65%; }
.package_box { width: 880px; padding: 10px 10px 0 10px; background: transparent url(images/bg/bg_packages2.jpg) 0 0 no-repeat; overflow: hidden;}
.package_panel { width: 397px; float: left; display: inline; padding: 0 17px 0 26px;}
.package_panel h4 { font-size: 3em; font-weight: 200; color: #ffffff; margin-left: 16px; }
.package_panel h5 { font-size: 1.6em; font-weight: bold; text-transform: uppercase; color: #333333; width: 97%; text-align: center; margin: 24px 0 26px 0;}
.package_panel ul { margin: 0 0 0 0; width: 100%; height: 270px}
.package_panel ul.first { margin: 11px 0 0 0; width: 100%; height: 370px}
.package_panel ul li { margin: 0px 0 4px 0; padding: 0 0 0 50px;line-height:18px; width:147px; font-size: 1.2em;border-bottom:1px dotted #ccc;}
.package_panel ul li.no_check { padding: 0 0 0 0; width:167px; background: none;}
.package_panel ul li.title { font-weight: bold; color:#333333; }
.package_button_box { width: 880px; padding: 0 10px 30px 10px; overflow: hidden; margin: 6px 0 20px 0; border-bottom: 3px solid #f5f5f5;}
.package_button_panel { width: 167px; float: left; display: inline; padding: 0 27px 0 26px;}
p.small { width: 828px; padding: 0 36px; font-size: 1.1em; font-style: italic; color: #999999; }
.receipt { width: 83%; margin: 10px 0 4px 0; border: 4px solid #e8e8e8; padding: 22px 24px 0 24px; color:#000000; }
.contribution_verify { width: 97%; padding: 16px 0 2px 3%; color:#666666; background: #f5f5f5; border-top: 2px solid #e8e8e8; border-bottom: 2px solid #e8e8e8; overflow: hidden; margin: 30px 0; }
.contribution_verify.complete { background: #ffffff; border-top: 4px solid #333; border-bottom: 4px solid #333; overflow: hidden; color:#333333; padding: 24px 0 10px 3%; }
.contribution_verify h4.receipt_titles { font-size: 1.4em; color: #666666; border-bottom: 2px solid #cccccc; }
.contribution_verify.complete h4.receipt_titles { font-size: 1.4em; color: #333333; border-bottom: 2px solid #333333;}
h4.receipt_titles { font-size: 1.2em; padding-bottom: 4px; border-bottom: 2px solid #000000; width: 100%; color:#000000; }
.receipt_list { margin: 12px 0 20px 0;}
.receipt_list li { font-size: 1.2em; line-height: 1.4em;}
.receipt_divider { margin-top: 10px; }
.main .receipt_divider h3 { line-height: 1.2em; margin: 0 0 10px 0; font-size: 1.8em; font-weight: bold;}
.main .receipt_divider p { margin: 16px 0; }
h4.confirmation_number { font-size: 1.2em; width: 96%; padding: 5px 2% 4px 2%; color:#ffffff; margin-bottom: 20px; background: #000000; }
.summary_divs { float: left; display: inline; width: 30%; padding-right: 23px; }
.summary_divs ul.receipt_list li { font-size: 1.1em; }
.margin-bottom-none { margin-bottom: 0; }
.summary_divs p { font-size: 1.1em; margin-top:7px; line-height: 1.3em;}
.sign_up_steps { width: 880px; height: 82px; overflow: hidden; background: transparent url(images/bg/bg_steps.gif) 0 0 no-repeat; margin: 8px 0 36px 0;}
.sign_up_steps li {float: left; display: inline; margin-left: 24px;}
.sign_up_steps li.step_1 {width: 256px; margin-right: 18px;}
.sign_up_steps li.step_2 {width: 256px; margin-right: 18px;}
.sign_up_steps li h4 { font-size: 2.6em; font-weight: 800; margin: 13px 0 0 0; color: #c5c5c5;}
.sign_up_steps li p { margin: 0; color: #c5c5c5;}
.sign_up_steps li.active h4 { color: #169bdc;}
.sign_up_steps li.active p { color: #333333;}
.sign_up_steps li.old h4 { color: #333333;}
.sign_up_steps li.old p { color: #333333;}
h6.signup_back { font-size: 1.1em; margin: 35px 0 0 0; width: 60%; text-align: right; float: right; display: inline;}
.total_price { width: 840px; padding: 12px 20px; background: #f5f5f5; clear: both; text-align: right; border-top: 3px solid #e8e8e8; }
.total_price span { margin-left: 12px; font-weight: bold;}
.interest_list { width: 96%; overflow: hidden; margin: 0 auto;}
.interest_list li { width: 49%; float: left; display: inline; font-size: 1.2em; margin-top: 3px;}
.interest_list li input { margin-right: 13px;}
.interest_list li.asterik { width: 99%; font-size: 1em; font-style: italic; margin-top: 8px; color: #999999; padding-left: 3px; }
.site_map_list { width: 22%; float: left; display: inline; margin-right: 24px; margin-top: 10px; }
.site_map_list li { font-size: 1.2em; margin-left: 0; list-style: none; padding-left: 0; margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px solid #e8e8e8; }
.site_map_list li.site_map_title { margin: 0 0 14px 0; padding: 0; list-style: none; font-size: 1.6em; border: 0;}
.site_map_list li.site_map_title_2 { margin: 0 0 8px 0; padding: 0; list-style: none; font-size: 1.6em; border: 0;}
/* Sidebar Layou t
--------------------------------------------------------------------------------------- */
.sidebar h3 { padding-bottom:8px; margin: 0; border-bottom: 2px solid #e8e8e8; }
.side_nav { width: 200px; margin-bottom: 30px; }
.side_nav li { font-size: 1.6em; background: transparent url(images/arrows/arrow_white.gif) 0 50% no-repeat; border-bottom: 1px solid #e8e8e8; font-family: "Helvetica Neue", Helvetica, Arial; font-weight: 100; }
.side_nav li a:link, .side_nav li a:visited, .side_nav li a:hover, .side_nav li a:active { display: block; width: 82%; padding: 13px 0 13px 18%; color: #666666; font-weight: 200;}
.side_nav li.last { }
.side_nav li a.selected, .side_nav li a.selected:hover { color:#2998f0;}
.side_box { width: 84%; margin-bottom: 24px;}
#icon_overview { background: transparent url(images/icons/icon_overview.gif) 0 50% no-repeat; }
#icon_plans { background: transparent url(images/icons/icon_plans.gif) 0 50% no-repeat; }
#icon_songs { background: transparent url(images/icons/icon_songs.gif) 0 50% no-repeat; }
#icon_media { background: transparent url(images/icons/icon_media.gif) 0 50% no-repeat; }
#icon_scheduling { background: transparent url(images/icons/icon_scheduling.gif) 0 50% no-repeat; }
#icon_people { background: transparent url(images/icons/icon_people.gif) 1px 50% no-repeat; }
#icon_live { background: transparent url(images/icons/icon_live.gif) 1px 50% no-repeat; }
#icon_websites { background: transparent url(images/icons/icon_websites.gif) 0 50% no-repeat; }
#icon_hosting { background: transparent url(images/icons/icon_hosting.gif) 0 50% no-repeat; }
#icon_groups { background: transparent url(images/icons/icon_groups.gif) 0 50% no-repeat; }
#icon_events { background: transparent url(images/icons/icon_events.gif) 0 50% no-repeat; }
#icon_giving { background: transparent url(images/icons/icon_giving.gif) 0 50% no-repeat; }
#icon_kiosk { background: transparent url(images/icons/icon_kiosk.gif) 0 50% no-repeat; }
body.icon_overview #icon_overview,
body.icon_plans #icon_plans,
body.icon_songs #icon_songs,
body.icon_media #icon_media,
body.icon_live #icon_live,
body.icon_people #icon_people,
body.icon_websites #icon_websites,
body.icon_hosting #icon_hosting,
body.icon_events #icon_events,
body.icon_groups #icon_groups,
body.icon_kiosk #icon_kiosk,
body.icon_giving #icon_giving,
body.icon_scheduling #icon_scheduling { background-color:#ffffff; color: #2998f0;}
/* Footer Layout
--------------------------------------------------------------------------------------- */
.bottom_content { width: 880px; padding: 40px 40px 24px 40px; background: #19202b; overflow: hidden; color: #4e5c71;}
.bottom_content { -moz-border-radius-bottomleft:12px; -moz-border-radius-bottomright:12px; -webkit-border-bottom-left-radius:12px; -webkit-border-bottom-right-radius:12px;}
.bottom_content h3 { color: #ffffff;}
.bottom_content_left { float: left; display: inline; width: 880px; overflow: hidden;}
.bottom_content_right { float: right; display: inline; width: 268px;}
.bottom_content_right p { margin: 7px 0 0 0;}
.title {
font-family:Georgia;
font-size:20px;
font-style:italic;
font-weight:normal;
line-height:30px;
margin-bottom:10px;
color:#fff;
}
.twitter { overflow: hidden; margin-top: 20px; border-top: 1px solid #323d4e; width: 100%; padding-top: 20px;}
img.hiring { background: #ffffff; border: 1px solid black; padding: 9px; margin-top: 5px; display: inline;}
.office_location { float: left; display: inline; width: 266px;}
.office_location_content { float: right; display: inline; width:100%; }
.office_location img { padding: 6px; margin-top: 5px;}
.mailing_address { float: left; display: inline; width: 240px;margin-left: 85px;}
.mailing_address2 { float: left; display: inline; width: 200px;margin-left: 85px;}
.social_networks { width: 80%; overflow: hidden; margin-top: 35px; float: right; display: inline; margin-right: 10px; }
.social_networks li {float: right; display: inline; margin-left: 12px;font-size: 1.4em; color: #ffffff;}
.footer { width: 900px; margin: 0 auto; padding: 15px 0 5px 0; color: #576170; overflow: hidden;}
.footer img { display: inline; margin-top: 0; }
.copyright {float:left; width: 700px; margin: 0 auto; padding: 0 0 0 0; overflow: hidden;color:#fff; }
.copyright p { font-size: 1.1em; margin: 0px 0 4px 0; }
.copyright p.last { margin-bottom: 0; }
.copyright a { width: 700px; margin: 0 auto; padding: 0 0 0 0; overflow: hidden;color:#434344; }
.copyright a:hover { width: 960px; margin: 0 auto; padding: 0 0 0 0; overflow: hidden;color:#fff; }
.yesilmavi {float:right;font-size:11px;color:#fff}
.yesilmavi a{float:right;font-size:11px;color:#434343}
.scrollable {
/* required settings */
position:relative;
overflow:hidden;
width: 810px;
height:80px;
}
.scrollable .items {
/* this cannot be too large */
width:20000em;
position:absolute;
clear:both;
}
/* single scrollable item */
.scrollable img {
float:left;
margin:0px 0px 0px 19px;
background-color:#fff;
padding:2px;
border:1px solid #ccc;
cursor:pointer;
width:90px;
height:70px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
/* active item */
.scrollable .active {
border:2px solid #000;
z-index:9999;
position:relative;
}
/* this makes it possible to add next button beside scrollable */
.scrollable {
float:left;
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
background:url(images/arrow/hori_large.png) no-repeat;
display:block;
width:30px;
height:30px;
float:left;
margin:20px 10px;
cursor:pointer;
font-size:1px;
}
/* right */
a.right { background-position: 0 -30px; clear:right; margin: 20px 0 0 20px ;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; }
/* left */
a.left { margin-left: 0px; }
a.left:hover { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }
/* up and down */
a.up, a.down {
background:url(images/arrow/vert_large.png) no-repeat;
float: none;
margin: 0px 0px;
}
/* up */
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }
/* down */
a.down { background-position: 0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; }
/* disabled navigational button */
a.disabled {
visibility:hidden !important;
}
.awesome, .awesome:visited {
background: #222 url(images/alert-overlay.png) repeat-x;
display: block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
}
.awesome:hover { background-color: #111; color: #fff; }
.awesome:active { top: 1px; }
.small.awesome, .small.awesome:visited { font-size: 11px; padding:0; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited { font-size: 11px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.large.awesome, .large.awesome:visited { font-size: 14px; padding: 8px 14px 9px; }
.green.awesome, .green.awesome:visited { background-color: #91bd09; }
.green.awesome:hover { background-color: #749a02; }
.blue.awesome, .blue.awesome:visited { background-color: #2daebf; }
.blue.awesome:hover { background-color: #007d9a; }
.red.awesome, .red.awesome:visited { background-color: #e33100; }
.red.awesome:hover { background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited { background-color: #a9014b; }
.magenta.awesome:hover { background-color: #630030; }
.orange.awesome, .orange.awesome:visited { background-color: #ff5c00; }
.orange.awesome:hover { background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited { background-color: #ffb515; }
.yellow.awesome:hover { background-color: #fc9200; }
.awesome-right{float:right;}
.gonder{width:233px;text-align:center}
.gonder2{width:150px;text-align:center}
.gallery2 img {border: none;}
ul.gallery2 {list-style: none;margin: 0 auto; padding:0;
font:normal 14px Verdana, Arial, Helvetica, sans-serif;}
ul.gallery2 li {float: left;margin:0 4px 4px 8px; text-align:center;border: 1px solid #ccc;
-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;display: inline;}
ul.gallery2 li a.thumb {width: 120px;height: 86px;cursor: pointer;}
ul.gallery2 li span {width: 120px;height: 86px;overflow: hidden;display: block;}
ul.gallery2 li a.thumb:hover {background: #333;}
ul.gallery2 li h2 {font-size: 12px;font-weight:bold;font-family:Tahoma,Arial,Sans-Serif;margin: 0; padding: 4px;
background: #d8d8d8;border-top: 1px solid #fff;border-bottom:1px solid #ccc;}
ul.gallery2 li h3 {font-size: 11px;font-weight:normal;font-family:Tahoma,Arial,Sans-Serif;margin: 0; padding: 4px;
background: #d8d8d8;border-top: 1px solid #fff;border-bottom:1px solid #ccc;}
ul.gallery2 li a {text-decoration: none; color: #1372BC; display: block;}
ul.gallery2 li a:hover {text-decoration:underline; color: #000; display: block;}
/*************************************************************************************************************
foto galeri
*************************************************************************************************************/
.highslide-container div {
font-family: Verdana, Helvetica;
font-size: 10pt;
}
.highslide-container table {
background: none;
}
.highslide {
outline: none;
text-decoration: none;
}
.highslide img {
border: 2px solid silver;
}
.highslide:hover img {
border-color: gray;
}
.highslide-active-anchor img {
visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
border-color: black;
visibility: visible;
cursor: default;
}
.highslide-image {
border-width: 2px;
border-style: solid;
border-color: white;
background: gray;
}
.highslide-wrapper, .highslide-outline {
background: white;
}
.glossy-dark {
background: #111;
}
.highslide-image-blur {
}
.highslide-number {
font-weight: bold;
color: gray;
font-size: .9em;
}
.highslide-caption {
display: none;
font-size: 1em;
padding: 5px;
/*background: white;*/
}
.highslide-heading {
display: none;
font-weight: bold;
margin: 0.4em;
}
.highslide-dimming {
position: absolute;
background: black;
}
a.highslide-full-expand {
background: url(graphics/fullexpand.gif) no-repeat;
display: block;
margin: 0 10px 10px 0;
width: 34px;
height: 34px;
}
.highslide-loading {
display: block;
color: black;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 3px;
border: 1px solid white;
background-color: white;
padding-left: 22px;
background-image: url(graphics/loader.white.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
color: white;
background-color: gray;
}
.highslide-move, .highslide-move * {
cursor: move;
}
.highslide-viewport {
display: none;
position: fixed;
width: 100%;
height: 100%;
z-index: 1;
background: none;
left: 0;
top: 0;
}
.highslide-overlay {
display: none;
}
.hidden-container {
display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
position: relative;
top: -15px;
left: 15px;
width: 30px;
height: 30px;
cursor: pointer;
background: url(graphics/close.png);
/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}
.highslide-gallery ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.highslide-gallery ul li {
display: block;
position: relative;
float: left;
width: 106px;
height: 106px;
border: 1px solid silver;
background: #ededed;
margin: 2px;
line-height: 0;
overflow: hidden;
}
.highslide-gallery ul a {
position: absolute;
top: 50%;
left: 50%;
}
.highslide-gallery ul img {
position: relative;
top: -50%;
left: -50%;
}
html>/**/body .highslide-gallery ul li {
display: table;
text-align: center;
}
html>/**/body .highslide-gallery ul li {
text-align: center;
}
html>/**/body .highslide-gallery ul a {
position: static;
display: table-cell;
vertical-align: middle;
}
html>/**/body .highslide-gallery ul img {
position: static;
}
/*****************************************************************************/
/* Controls for the galleries. */
/* Remove these if you are not using a gallery */
/*****************************************************************************/
.highslide-controls {
width: 195px;
height: 40px;
background: url(graphics/controlbar-white.gif) 0 -90px no-repeat;
margin: 20px 15px 10px 0;
}
.highslide-controls ul {
position: relative;
left: 15px;
height: 40px;
list-style: none;
margin: 0;
padding: 0;
background: url(graphics/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
float: left;
padding: 5px 0;
margin:0;
list-style: none;
}
.highslide-controls a {
background-image: url(graphics/controlbar-white.gif);
display: block;
float: left;
height: 30px;
width: 30px;
outline: none;
}
.highslide-controls a.disabled {
cursor: default;
}
.highslide-controls a.disabled span {
cursor: default;
}
.highslide-controls a span {
/* hide the text for these graphic buttons */
display: none;
cursor: pointer;
}
/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
background-position: -180px -30px;
}
/*****************************************************************************/
/* Styles for the HTML popups */
/* Remove these if you are not using Highslide HTML */
/*****************************************************************************/
.highslide-maincontent {
display: none;
}
.highslide-html {
background-color: white;
}
.highslide-html-content {
display: none;
width: 400px;
padding: 0 5px 5px 5px;
}
.highslide-header {
padding-bottom: 5px;
}
.highslide-header ul {
margin: 0;
padding: 0;
text-align: right;
}
.highslide-header ul li {
display: inline;
padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
display: none;
}
.highslide-header a {
font-weight: bold;
color: gray;
text-transform: uppercase;
text-decoration: none;
}
.highslide-header a:hover {
color: black;
}
.highslide-header .highslide-move a {
cursor: move;
}
.highslide-footer {
height: 16px;
}
.highslide-footer .highslide-resize {
display: block;
float: right;
margin-top: 5px;
height: 11px;
width: 11px;
background: url(graphics/resize.gif) no-repeat;
}
.highslide-footer .highslide-resize span {
display: none;
}
.highslide-body {
}
.highslide-resize {
cursor: nw-resize;
}
/*****************************************************************************/
/* Styles for the Individual wrapper class names. */
/* See www.highslide.com/ref/hs.wrapperClassName */
/* You can safely remove the class name themes you don't use */
/*****************************************************************************/
/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
height: 18px;
border-bottom: 1px solid #dddddd;
}
.draggable-header .highslide-heading {
position: absolute;
margin: 2px 0.4em;
}
.draggable-header .highslide-header .highslide-move {
cursor: move;
display: block;
height: 16px;
position: absolute;
right: 24px;
top: 0;
width: 100%;
z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
display: none;
}
.draggable-header .highslide-header .highslide-close {
position: absolute;
right: 2px;
top: 2px;
z-index: 5;
padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
display: block;
height: 16px;
width: 16px;
background-image: url(graphics/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
display: none;
}
.draggable-header .highslide-maincontent {
padding-top: 1em;
}
/* hs.wrapperClassName = 'titlebar' */
.titlebar .highslide-header {
height: 18px;
border-bottom: 1px solid #dddddd;
}
.titlebar .highslide-heading {
position: absolute;
width: 90%;
margin: 1px 0 1px 5px;
color: #666666;
}
.titlebar .highslide-header .highslide-move {
cursor: move;
display: block;
height: 16px;
position: absolute;
right: 24px;
top: 0;
width: 100%;
z-index: 1;
}
.titlebar .highslide-header .highslide-move * {
display: none;
}
.titlebar .highslide-header li {
position: relative;
top: 3px;
z-index: 2;
padding: 0 0 0 1em;
}
.titlebar .highslide-maincontent {
padding-top: 1em;
}
/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
display: none;
}
/* hs.wrapperClassName = 'wide-border' */
.wide-border {
background: white;
}
.wide-border .highslide-image {
border-width: 10px;
}
.wide-border .highslide-caption {
padding: 0 10px 10px 10px;
}
/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
border: none;
}
.borderless .highslide-caption {
border-bottom: 1px solid white;
border-top: 1px solid white;
background: silver;
}
/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
background: #444;
}
.outer-glow .highslide-image {
border: 5px solid #444444;
}
.outer-glow .highslide-caption {
border: 5px solid #444444;
border-top: none;
padding: 5px;
background-color: gray;
}
/* hs.wrapperClassName = 'colored-border' */
.colored-border {
background: white;
}
.colored-border .highslide-image {
border: 2px solid green;
}
.colored-border .highslide-caption {
border: 2px solid green;
border-top: none;
}
/* hs.wrapperClassName = 'dark' */
.dark {
background: #111;
}
.dark .highslide-image {
border-color: black black #202020 black;
background: gray;
}
.dark .highslide-caption {
color: white;
background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
background-image: url(graphics/controlbar-black-border.gif);
}
/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
position: absolute;
padding: 1em 0 0 0;
background: none;
color: white;
border: none;
font-weight: bold;
}
/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
color: gray;
font-weight: bold;
height: 20px;
overflow: hidden;
cursor: default;
padding: 0 0 0 22px;
margin: 0;
background: url(graphics/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
width: 105px;
height: 20px;
position: relative;
margin: 0;
top: -23px;
left: 7px;
background: none;
}
.controls-in-heading .highslide-controls ul {
position: static;
height: 20px;
background: none;
}
.controls-in-heading .highslide-controls li {
padding: 0;
}
.controls-in-heading .highslide-controls a {
background-image: url(graphics/controlbar-white-small.gif);
height: 20px;
width: 20px;
}
.controls-in-heading .highslide-controls .highslide-move {
display: none;
}
.controls-in-heading .highslide-controls .highslide-previous a {
background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
background-position: -120px -20px;
}
/*****************************************************************************/
/* Styles for text based controls. */
/* You can safely remove this if you don't use text based controls */
/*****************************************************************************/
.text-controls .highslide-controls {
width: auto;
height: auto;
margin: 0;
text-align: center;
background: none;
}
.text-controls ul {
position: static;
background: none;
height: auto;
left: 0;
}
.text-controls .highslide-move {
display: none;
}
.text-controls li {
background-image: url(graphics/controlbar-text-buttons.png);
background-position: right top !important;
padding: 0;
margin-left: 15px;
display: block;
width: auto;
}
.text-controls a {
background: url(graphics/controlbar-text-buttons.png) no-repeat;
background-position: left top !important;
position: relative;
left: -10px;
display: block;
width: auto;
height: auto;
text-decoration: none !important;
}
.text-controls a span {
background: url(graphics/controlbar-text-buttons.png) no-repeat;
margin: 1px 2px 1px 10px;
display: block;
min-width: 4em;
height: 18px;
line-height: 18px;
padding: 1px 0 1px 18px;
color: #333;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 12px;
font-weight: bold;
white-space: nowrap;
}
.text-controls .highslide-next {
margin-right: 1em;
}
.text-controls .highslide-full-expand a span {
min-width: 0;
margin: 1px 0;
padding: 1px 0 1px 10px;
}
.text-controls .highslide-close a span {
min-width: 0;
}
.text-controls a:hover span {
color: black;
}
.text-controls a.disabled span {
color: #999;
}
.text-controls .highslide-previous span {
background-position: 0 -40px;
}
.text-controls .highslide-previous a.disabled {
background-position: left top !important;
}
.text-controls .highslide-previous a.disabled span {
background-position: 0 -140px;
}
.text-controls .highslide-play span {
background-position: 0 -60px;
}
.text-controls .highslide-play a.disabled {
background-position: left top !important;
}
.text-controls .highslide-play a.disabled span {
background-position: 0 -160px;
}
.text-controls .highslide-pause span {
background-position: 0 -80px;
}
.text-controls .highslide-next span {
background-position: 0 -100px;
}
.text-controls .highslide-next a.disabled {
background-position: left top !important;
}
.text-controls .highslide-next a.disabled span {
background-position: 0 -200px;
}
.text-controls .highslide-full-expand span {
background: none;
}
.text-controls .highslide-full-expand a.disabled {
background-position: left top !important;
}
.text-controls .highslide-close span {
background-position: 0 -120px;
}
/*****************************************************************************/
/* Styles for the thumbstrip. */
/* See www.highslide.com/ref/hs.addSlideshow */
/* You can safely remove this if you don't use a thumbstrip */
/*****************************************************************************/
.highslide-thumbstrip {
height: 100%;
}
.highslide-thumbstrip div {
overflow: hidden;
}
.highslide-thumbstrip table {
position: relative;
padding: 0;
border-collapse: collapse;
}
.highslide-thumbstrip td {
padding: 1px;
/*text-align: center;*/
}
.highslide-thumbstrip a {
outline: none;
}
.highslide-thumbstrip img {
display: block;
border: 1px solid gray;
margin: 0 auto;
}
.highslide-thumbstrip .highslide-active-anchor img {
visibility: visible;
}
.highslide-thumbstrip .highslide-marker {
position: absolute;
width: 0;
height: 0;
border-width: 0;
border-style: solid;
border-color: transparent; /* change this to actual background color in highslide-ie6.css */
}
.highslide-thumbstrip-horizontal div {
width: auto;
/* width: 100% breaks in small strips in IE */
}
.highslide-thumbstrip-horizontal .highslide-scroll-up {
display: none;
position: absolute;
top: 3px;
left: 3px;
width: 25px;
height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-up div {
margin-bottom: 10px;
cursor: pointer;
background: url(graphics/scrollarrows.png) left center no-repeat;
height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down {
display: none;
position: absolute;
top: 3px;
right: 3px;
width: 25px;
height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down div {
margin-bottom: 10px;
cursor: pointer;
background: url(graphics/scrollarrows.png) center right no-repeat;
height: 42px;
}
.highslide-thumbstrip-horizontal table {
margin: 2px 0 10px 0;
}
.highslide-viewport .highslide-thumbstrip-horizontal table {
margin-left: 10px;
}
.highslide-thumbstrip-horizontal img {
width: auto;
height: 40px;
}
.highslide-thumbstrip-horizontal .highslide-marker {
top: 47px;
border-left-width: 6px;
border-right-width: 6px;
border-bottom: 6px solid gray;
}
.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
margin-left: 10px;
}
.dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
border-bottom-color: white !important;
}
.highslide-thumbstrip-vertical-overlay {
overflow: hidden !important;
}
.highslide-thumbstrip-vertical div {
height: 100%;
}
.highslide-thumbstrip-vertical a {
display: block;
}
.highslide-thumbstrip-vertical .highslide-scroll-up {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-up div {
margin-left: 10px;
cursor: pointer;
background: url(graphics/scrollarrows.png) top center no-repeat;
height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down {
display: none;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down div {
margin-left: 10px;
cursor: pointer;
background: url(graphics/scrollarrows.png) bottom center no-repeat;
height: 25px;
}
.highslide-thumbstrip-vertical table {
margin: 10px 0 0 10px;
}
.highslide-thumbstrip-vertical img {
max-width: 60px;
}
.highslide-thumbstrip-vertical .highslide-marker {
left: 0;
margin-top: 8px;
border-top-width: 6px;
border-bottom-width: 6px;
border-left: 6px solid gray;
}
.dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
border-left-color: white;
}
.highslide-viewport .highslide-thumbstrip-float {
overflow: auto;
}
.highslide-thumbstrip-float ul {
margin: 2px 0;
padding: 0;
}
.highslide-thumbstrip-float li {
display: block;
height: 60px;
margin: 0 2px;
list-style: none;
float: left;
}
.highslide-thumbstrip-float img {
display: inline;
border-color: silver;
max-height: 56px;
}
.highslide-thumbstrip-float .highslide-active-anchor img {
border-color: black;
}
.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
display: none;
}
.highslide-thumbstrip-float .highslide-marker {
display: none;
}