* {
	margin: 0;
	padding: 0;
}

body {
	color: #000;
	background-color: #fff;
	font-family: Arial, Verdana, Tahoma, Lucida, 'Geneva CE', sans-serif;
  max-width:1280px;
	min-width:980px;
  margin:0 auto 0 auto;
	background: url('/img/header-back.gif') #FFF 0 0 repeat-x;
}

#header, #navigation, #footer, #logo, #boxes .box h5 { font-family: Verdana, Arial, lucida, sans-serif; }

a {
	color:#0000FF;
}

img {
	border:0;
}

#footer { position:relative; width:100%; top:130px;}
#text { position: relative; margin: 0 244px 0 224px; }

#logo { position: absolute; left: 0; top: 0;}

#logo, #logo a, #logo span {
	left:5px;
	top:16px;
	display: block;
	width: 180px;
	height: 84px;
	color: #000;
	cursor: pointer;
}

#logo a, #logo span { position: absolute; left:0; top:0; }

#logo a { text-decoration: none; overflow: hidden; color: #FFF; }
#logo span { background: url('/img/logo-c4.gif') 0 0 no-repeat; z-index: 3; }
#header {  position:absolute; top:0; width:100%; height:100px; max-width:1280px; min-width:980px; margin:0 auto;}
#header_img { 
	position: absolute;
	background: url('/img/header-img.jpg') 0 0 no-repeat ; 
	display: block;
	width: 193px;
	right:10px;
	top:30px;
	height: 83px;
	z-index: 0;
}
#content { position:relative; top:130px; }

#text p  { margin: 0 0 10px 0; font-size: 0.8em; text-align: justify; }
#text pre { margin: 0 0 20px 0; background-color: #f2f2f2; padding: 10px; border: 1px dashed #888; font-family: monospace; overflow: auto; }
#text pre strong { color: #339933; }
#text table { margin: 0 0 20px 0; }
#text form { margin: 0 0 20px 0; }
#text td { font-size: 0.8em; }
#text th { font-size: 0.8em; font-weight: bold; }
#text ul { margin: 0 0 20px 30px; }
#text ol { margin: 0 0 20px 30px; }
#text li { font-size: 0.8em; text-align: left; line-height: 1.2; margin: 5px 0; }
#text strong { font-weight: bold; color: #333; }
#text h1 { margin:0; padding-top: 10px; border-bottom: 1px solid #555;  }
#text h1.h1_logo {margin-left: 70px; padding-top:10px; border-bottom: 1px solid #555;  }
#text .logo {float:left;}
#text .logo img { vertical-align: super } 
#text .h_logo {float:left; padding-top:10px;}
#text .h_logo2 {float:left; margin-top:28px; margin-right:5px;  width:25px; height:25px;}
#text h1 { font-size: 2.0em; color: #333; font-weight: normal; }
#text h2 { margin: 30px 0 10px 0; font-size: 1.2em; color: #333; font-weight: normal; }
#text h2 a { color: #333; text-decoration: none; }
#text h2 a:hover { color: #333; text-decoration: underline; }
#text h3 { margin: 0 0 10px 0; font-size: 0.8em; color: #333; font-weight: bold; }
#text h4 { margin: 0; font-size: 0.8em; color: #333; font-weight: normal; text-decoration: underline; }
#text .nobr { white-space: nowrap; }
#text a:hover { text-decoration:none; }

#text h1.main_page { margin: 0 0 30px 0; }
#text h3.source { font-style: italic; font-weight: normal; color: #333; margin-bottom: 30px; }
#text h3.source_logo { font-style: italic; font-weight: normal; color: #333; margin-bottom: 30px; margin-left: 70px;}

#text .img_s { text-align: center; width: 402px; margin: 0 auto 20px auto; border: 1px solid #ddd; padding: 15px; background-color: #eee; font-size: 0.75em; }
#text .img_s img { border: none; border: 1px solid #ddd; }
#text .img_s_text { text-align: left; padding-top: 10px; }

#text .img_m { margin-bottom: 20px; }
#text .img_m img { border: none; }

#text .top_box {
	text-align:center;
}

#boxes {
	position: absolute;
	width: 204px;
	right: 10px;
	top: 10px;
}

#boxes p {
 margin:0;
 padding:0;
}

#boxes p.news {
 padding-top:5px;
}
#boxes .box, #navigation .box  {
	margin-bottom: 30px;
}
#boxes .italic { font-style: italic; }
#boxes .box .box_content, #navigation .box .box_content {
	padding: 5px 5px 10px 5px ;
	border-right: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background: url('/img/box-back.gif') no-repeat right top;
}
#boxes .box .box_table .box_content {
	padding: 5px 5px 10px 5px;
}
#boxes .box h5, #navigation .box h5 {
	margin: 0;
	padding: 5px 6px;
	font-size: 0.75em;
	line-height: 1.2;
	font-weight: normal;
	background-color: #ddd;
	background: url('/img/box-top-grey.gif') #edefed repeat-x 0 0;
	border-top: 1px solid #555;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #999;
	white-space:nowrap;
}

#navigation { 
	position: absolute;
	width: 184px;
	left: 10px;
	top: 10px;  
}

#navigation .box .box_blue h5, #boxes .box .box_blue h5 {
	padding: 5px 6px;
	background-color: #B50330;
	background: url('/img/box-top-blue.gif') #2e67a5 repeat-x 0 0;
	border-top: 1px solid #023E81;
	border-left: 1px solid #0F58B2;
	border-right: 1px solid #0F58B2;
	border-bottom: 1px solid #023E81;
	color: #f6f6f6;
}

#navigation .box .box_red h5, #boxes .box .box_red h5 {
	padding: 5px 6px;
	background-color: #B50330;
	background: url('/img/box-top-red.gif') #aa1f2e repeat-x 0 0;
	border-top: 1px solid #330000;
	border-left: 1px solid #660000;
	border-right: 1px solid #660000;
	border-bottom: 1px solid #660033;
	color: #f6f6f6;
}

#navigation .box  h5 {
	padding: 5px 6px;
	background-color: #ddd;
	background: url('/img/box-top-grey.gif') repeat-x 0 0;
	border-top: 1px solid #555;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #999;
	
}

#navigation ul li{
	list-style-type: none;
	padding-left: 10px;
	background: url('/img/box-item.gif') no-repeat 0% 0.65em;
	font-size: 0.75em;
	line-height: 1.4;
	margin: 5px 0 5px 7px;
}

#navigation .box_blue ul li {
	background: url('/img/box-item.gif') no-repeat 0% 0.65em;
}

#navigation .box_red ul li {
	background: url('/img/square-blue.gif') no-repeat 0% 0.7em;
}

#navigation ul li a  { color: #000; text-decoration: underline; font-size:1.1em; }

#navigation a.banner {display:block; margin-bottom:30px;}

#navigation .social_logos { margin-bottom:30px; text-align:center;}

#boxes .box p { margin: 0;}
#boxes .box p, #boxes .box td.text { font-size: 0.75em; line-height: 1.4; }
#boxes .box div.submit { text-align: center; margin-top: 10px; }
#boxes .box input.submit { font-size: 0.75em; }
#boxes .box input.text { width: 80px; font-size: 0.75em; }
#boxes .box select { font-size: 0.75em; }
#boxes .box .title { display: block; font-size: 0.75em; margin: 10px 0 5px 0; font-weight: normal; }
#boxes .box .green { color: #008000; }
#boxes .box .blue  { color:#0000FF;}

#boxes .box a.no_decoration, #boxes .box h5 a { text-decoration: none; color: #000; }
#boxes .box .box_blue h5 a { text-decoration: none; color: #fff; }

#boxes .box a:hover.no_decoration, #boxes .box h5 a:hover { text-decoration: underline; color: #000; }

#boxes .box .box_blue h5 a, #boxes .box .box_blue h5 a:hover { color: #fff; }

#boxes .box .box_green .box_red .box_content a { text-decoration: underline; color: #000; }
#boxes .box .box_green .box_content a:hover { text-decoration: none; color: #000; }

#boxes .box_red h5 a { text-decoration: none; color: #fff;}
#boxes .box_red h5 a:hover { text-decoration: underline; color: #fff;}
#boxes .box_red a:hover.no_decoration {text-decoration: underline; color: #fff;}

#boxes ul li {
	list-style-type: none;
	padding-left: 10px;
	background: url('/img/box-item.gif') no-repeat 0% 0.65em;
	font-size: 0.75em;
	line-height: 1.4;
	margin: 5px 0 5px 2px;
}

#boxes ul li a { color: #000; text-decoration: underline; }
#boxes ul li a:hover, #navigation ul li a:hover { text-decoration: none; }

#footer { padding: 10px 0 0 0; }
#footer .footer_text { text-align: justify; font-size: 0.7em; color: #757575; padding-top: 5px; margin: 0 246px 20px 224px; border-top: 1px solid #555;}
#footer .footer_text a { color: #757575; }

hr, #hidden, .hidden { display: none; }

#text .error_win, #text .info_win  { font-size: 0.8em; margin-bottom: 20px; }

#text .error_win { border: 1px solid #555; padding: 10px; }
#text .error_win .error_title { color: #C03; }

#text .info_win { border: 1px solid #555; padding: 10px; }
#text .info_win .info_title { color: #000; }

#text table.standard  { border-collapse: collapse; border: 1px solid #AAA; }
#text table.standard th { padding: 10px 20px; border-bottom: 1px solid #AAA; background-color: #E0E0E0; }
#text table.standard td { padding: 7px 20px; border-bottom: 1px solid #AAA; }

#text table.changelog  { border-collapse: collapse; border: 1px solid #AAA; }
#text table.changelog th { padding: 5px 15px; border-bottom: 1px solid #AAA; background-color: #E0E0E0; }
#text table.changelog td { padding: 7px 15px; border-bottom: 1px solid #AAA; }

#text .tt { font-family: monospace, Monospace; }

#text p.old_article { padding: 10px; border-left: 10px solid #c00; }
#top_applications { overflow:hidden; }
#top_applications .box { width:auto; height:85px; float:left; text-align:center; display:block; margin: 0 10px 15px 10px;}
#top_applications .box a { font-size: 0.8em; }
#top_applications .box img { margin-top:6px; border:0 }

#categories .box_first { width:100%; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; padding: 10px 0; min-height:75px; margin:0px; background-image:url('/img/stin.gif'); background-repeat:no-repeat; background-position:right top;}
#categories .box { width:100%; border-bottom: 1px solid #CCC; padding: 10px 0; min-height:75px; background-image:url('/img/stin.gif'); background-repeat:no-repeat; background-position:right top;}
#categories .box_last { width:100%; height:5px; margin:0px; background-image:url('/img/stin.gif'); background-repeat:no-repeat; background-position:right top;}
#categories .logo { width:90px; height:70px;  float:left; text-align:center; display:block;}
#categories .logo img { border:0}
#categories .title { padding-bottom: 5px}
#categories .title a { font-size: 1.0em; font-weight:bold;  }
#categories .title a:hover { text-decoration:none; }
#categories .version { width:auto; float:right; margin:0;padding-right:10px; color:#333; font-size: 0.7em; font-weight:bold; }
#categories .description { font-size: 0.8em; overflow:hidden; width:auto; text-align:justify; padding-right:20px; }
#categories h3 { margin-top:20px;font-size: 1.0em;font-weight:bold;}

#application h2 { margin-top:35px;font-size: 1.0em;font-weight:bold;}
#application .pictures { width:auto; overflow:hidden;  }
#application .pictures .img_a { float:left; text-align: left; width:226px; border: 1px solid #ddd; padding: 3px; background-color: #F7F7F7; font-size: 0.75em; margin-right:20px; margin-bottom:10px}
#application .pictures .img_a span{ margin-left:10px; }
#application .pictures .img_a img { margin: 2px; border: 1px solid #333; }
#application_info { overflow:hidden; margin: 30px 0 20px 0; padding:0 }
#application_info table {float:left; border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc; margin-bottom:10px;margin-right:10px;}
#application_info table.first {margin-right:10px;}
#application table.book {float:left; width:140px;}
#application_info th { padding:4px; text-align:left; background: url('/img/box-top-grey.gif') #edefed repeat-x 0 0; border-top: 1px solid #999; border-bottom: 1px solid #ccc; }
#application_info td { padding:3px;}
#application table.book img{ border: 1px solid #333; margin:4px;}

#application .top_articles {border: 1px dotted #000; background-color:#FDF7C1; padding:10px 10px 10px 0px; margin-bottom:10px; overflow:hidden }
#application .top_articles ul {padding:0; margin:0}
#application .top_articles ul li { margin-left:4px; font-size:13px;}
#application .top_articles ul li.top { list-style-type:none; background: url('/img/top-icon.gif') no-repeat 0px 2px; padding-left:25px;}
#application .top_articles ul li.standard { margin-left:29px;}
.references  { width:100%; overflow:hidden}
.img_r { float:left; text-align: center; width:226px; padding: 5px;border: 1px solid #ddd;background-color: #F7F7F7; font-size: 0.75em;margin:5px;}
.img_r img { margin: 2px;  border: 1px solid #333;}
.ref_p { padding-left:10px; border-left: 10px solid #CCC; margin:0px; }
.ref_links { margin-left:260px;}
.ref_links_java { margin-left:300px;}
.ref_links_java p{ padding-left:10px; border-left: 10px solid #CCC; margin:5px; }
.references noscript{font-size: 0.8em;}

#article_app_info {  padding:5px; margin: 0 0 5px 0px; border: 1px dotted #000; background-color:#FDF7C1; }
#article_app_info ul { padding:0; margin:0 0 10px 20px;}
#article_app_info p { padding: 0 0 4px 0; margin:0; text-align:justify; } 
#article_app_info .center { text-align:center } 

#article_tip_info {  padding:5px; margin: 10px 0 5px 0px; border: 1px dotted #000; }
#article_tip_info ul { padding:0; margin:0 0 10px 20px;}

#upload_download {
  font-size:1.0em;
	margin:10px;
  overflow:hidden;
}

#upload_download form {
  padding:0;
  margin:0;
}


#upload_download p {
  font-size:1.0em;
  margin:0;
  text-align:left;
}

#upload_download label, #upload_page a {
  font-size:1.0em;
  font-weight:bold;
  color:#0000FF;
  text-decoration:none;
  cursor: pointer;
}

#upload, #download, #upload_page_form, #upload_download .upload_progress_status, #upload_download .upload_process_text {
 display:none;
}

#upload {
  width:100%;
}

 
#upload_download table {margin:0; border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
#upload_download th { text-align:center; padding:4px;  background: url('/img/box-top-grey.gif') #edefed repeat-x 0 0; border-top: 1px solid #999; border-bottom: 1px solid #ccc; }
#upload_download td { padding:5px; }

#upload_download table.second { margin-top:20px; }

#upload_download td.uploadselect { padding:6px 0 5px 5px; margin:0; vertical-align:top;}
#upload_download img {position:relative; left:8px;}
#upload_download td.uploadselect2 { padding:8px 0 5px 5px;vertical-align:top;}
#upload_download .upload_process_text { width:290px; float:left;margin-right:10px;}

p.noscript {color:red; font-weight:bold;}

#WEBname, #FTPlogin, #FTPpass, #FTPdir { width:170px;}

#upload_page table { border-collapse: collapse; border: 1px solid #AAA;}
#upload_page table th { padding: 5px 15px; border-bottom: 1px solid #AAA; background-color: #E0E0E0; text-align:left; }
#upload_page table td { padding: 10px 15px; border-bottom: 1px solid #AAA;  }
#upload_page table td.app_title { width:165px;padding: 5px 0px;}
#upload_page table td.app_logo { width:35px; padding: 5px 0px 5px 5px; text-align:center;}

#upload_page_form { margin-left:205px;z-index:100;}
#upload_page_form table { border-left:1px solid #999;border-right:1px solid #999;border-bottom:1px solid #999; background-color:#FFF;}
#upload_page_form table th { text-align:center; padding:4px;  background: url('/img/box-top-grey.gif') #edefed repeat-x 0 0; border-top: 1px solid #999; border-bottom: 1px solid #ccc; }
#upload_page_form table td { padding:5px; }
#upload_page_bottom { height:80px; display:block;}


#DownloadArchiv { font-weight:bold;}

#app_list li {list-style-type:none;line-height:25px;}
#app_list li div {float:left;margin-right:10px;width:25px; height:25px;}

#text table.discussions  { border-collapse:collapse; margin-top:15px; table-layout:fixed; width:100%;}
#text table.discussions th { padding: 5px 15px; background-color: #448142; color:#FFFFFF;}
#text table.discussions th.first { border-right: 1px solid #FFF; border-left: 1px solid #448142; }
#text table.discussions th.last { border-left: 1px solid #FFF; border-right: 1px solid #448142; }
#text table.discussions td { padding: 7px 15px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; overflow:hidden; white-space:nowrap;}
#text table.discussions td.second { background-color:#E6F5E6; padding: 7px 15px; border-left: 1px solid #CCC; overflow:hidden; white-space:nowrap;}
#text table.discussions a { color:#000; }


#text table.screenshots { margin-top: 30px; padding:0 }
#text table.screenshots {border-left:1px solid #ccc;border-right:1px solid #ccc; margin-bottom:10px;}
#text table.screenshots th.first { padding:5px; text-align:center; background: url('/img/box-top-grey.gif') #edefed repeat-x 0 0; border-top: 1px solid #999; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;  }
#text table.screenshots th { padding:5px; text-align:center; background: url('/img/box-top-grey.gif') #edefed repeat-x 0 0; border-top: 1px solid #999; border-bottom: 1px solid #ccc; }
#text table.screenshots td { padding:10px; text-align:center;border-bottom:1px solid #ccc; }
#text table.screenshots td.first { padding:10px; text-align:center;border-bottom:1px solid #ccc; border-right:1px solid #ccc;vertical-align:middle}
#text table.screenshots td img { border: 1px solid #333;} 

#statistic form { margin:0; padding:0 }
#statistic table {margin:0; padding:0}
#statistic p { margin-top:15px;}

#text table.statistic  { border-collapse: collapse; margin-top: 15px; border: 1px solid #AAA; width:510px; }
#text table.statistic th { padding: 4px 10px; background-color: #E0E0E0; text-align:left }
#text table.statistic th.select, #text table.statistic2 th.select { padding: 4px 10px; background-color: #448142; color:#FFFFFF; text-align:left }
#text table.statistic td { font-size:0.75em; padding: 8px 4px; text-align:center; }
#text table.statistic2 {  border-collapse: collapse; margin-top: 15px; border: 1px solid #AAA; width:510px; }
#text table.statistic2 th { padding: 4px 10px; background-color: #E0E0E0; text-align:left; }
#text table.statistic2 td { font-size:0.75em; padding: 4px 0px;}
#text table.statistic2 td.row { border-top: 1px solid #AAA; }
#text table.statistic2in td { padding: 5px 0px; font-size:1.0em;text-align:center; }
#text .statfont { font-size:1.0em;}

#text table.statistic_table  { border-collapse: collapse; margin-top: 15px; margin-bottom:15px; border: 1px solid #AAA; min-width:500px }
#text table.statistic_table th { padding: 4px 10px; margin:0px; background-color: #A12443; color:#FFFFFF; text-align:left; border: 1px solid #AAA; }
#text table.statistic_table .center { text-align:center }
#text table.statistic_table td { padding: 6px 10px; border: 1px solid #AAA;}
#text table.statistic_table .pos { padding: 6px 20px 6px 0px; text-align:right}
#text table.statistic_table .select {  background-color:#F8EEE7; font-weight:bold;}
#text table.statistic_table .pos_select { padding: 6px 20px 6px 0px; text-align:right; background-color:#F8EEE7; font-weight:bold;}
#text table.statistic_table p.count { margin:0px 40px 0 0 ;padding: 0px; text-align:right; font-size:1.0em; }
.red { color:#A12443 }


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */

p.ref {padding-top:5px;}

.jcarousel-container {
  position: relative;
	margin: 0;
  padding: 0;

}

.link-clip {
  font-size:13px;
  color:#000;
}

.jcarousel-clip {
  z-index: 2;
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
}

.jcarousel-list {
  z-index: 1;
  position: absolute;
  top: 18px;
  left: -36px;
  margin: 0;
  padding: 0;
	
}

.jcarousel-list li,
.jcarousel-item {
  float: left;
  list-style: none;
  /* We set the width/height explicitly. No width/height causes infinite loops. */
  width:232px;
  height:10px;

	
}

.slider {
	border: 1px solid #ddd;
	background-color: #F7F7F7;
	float:left;
	text-align:center
}
.slider img {
	border:1px solid #000;
	margin-right:30px;
}

.jcarousel-clip ul li {
	list-style-type:none;
}

.jcarousel-clip ul {
	height:185px;
	overflow:hidden;
}

.jcarousel-container-horizontal {
  width: 290px;
	height:228px;
  padding-top: 5px;
}


.jcarousel-clip-horizontal {
	position:absolute;
	left:25px;
	text-align:center;
  width: 232px;
  height: 200px;
  margin-right:5px;
  margin-left:5px;
}

.jcarousel-item img {
  border: 1px solid #333;
	margin:0 10px;
	
}

.jcarousel-next-horizontal {
    position: absolute;
    top: 75px;
    right: 2px;
    width: 27px;
    height: 78px;
    cursor: pointer;
    background: url('../img/right-arrow.gif') no-repeat 0% 0%;
}

.jcarousel-scroll {
    position: absolute;
    top: 100px;
    width: 224px;
    height: 200px;
	
}

.jcarousel-next-horizontal:hover {
 	background: url('../img/right-arrow-hover.gif') no-repeat 0% 0%;
}

.jcarousel-next-horizontal:active {
    background-position: -1px 0;
}


.jcarousel-prev-horizontal {
    position: absolute;
    top: 75px;
    left: 2px;
    width: 27px;
    height: 78px;
    cursor: pointer;
    background: url('../img/left-arrow.gif') no-repeat 0% 0%;
}

.jcarousel-prev-horizontal:hover {
	background: url('../img/left-arrow-hover.gif') no-repeat 0% 0%;
}

.jcarousel-prev-horizontal:active {
    background-position: 1px 0;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
	background: url('../img/left-arrow-disabled.gif') no-repeat 0% 0%;
}

#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
}

#popup_title {
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	line-height: 2em;
	color: #000;
	background: #CCC url(/js/images/title.gif) top repeat-x;
	border: solid 1px #FFF;
	
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(/js/images/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(/js/images/info.gif);
}

#popup_content.confirm {
	background-image: url(/js/images/important.gif);
}

#popup_content.prompt {
	background-image: url(/js/images/help.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}

/* Tooltip
----------------------------------*/
.ui-tooltip {
  
  background-color:#FDF7C1;
  font-size:0.8em;
	padding:4px;
	position:absolute;
	z-index:9999;
  border: 1px dotted #000;
	max-width:220px;
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; display:block;border: 1px solid #000;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{ margin-top:32px; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{ padding:40px 70px; border: 4px solid #ddd;background-color: #F7F7F7; }
        #cboxLoadingGraphic{background:url(/img/colorbox/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{border: 4px solid #ddd;background-color: #F7F7F7; }
        #cboxTitle{ position:absolute; margin:auto; top:15px; text-align:center; width:100%; font-size:13px; font-weight:bold;}
        #cboxCurrent{position:absolute; top:6px; left:10px;font-size:12px; color:#333;}
        #cboxSlideshow{ width:100%; position:absolute; bottom:15px; left:0px; text-align:center;color:blue; font-size:13px; text-decoration:underline;}
        #cboxSlideshow.hover{text-decoration:none;}
        #cboxPrevious{ background:url(/img/colorbox/left-arrow.gif) no-repeat 0 0;text-indent:-9999px; width:50px; height:150px; left:13px; position:absolute; top:50%; margin-top:-75px;}
        #cboxPrevious.hover{background:url(/img/colorbox/left-arrow-hover.gif) no-repeat 0 0;}
        #cboxNext{ background:url(/img/colorbox/right-arrow.gif) no-repeat 0 0;text-indent:-9999px; width:50px; height:150px; position:absolute; right:13px; top:50%; margin-top:-75px;}
        #cboxNext.hover{background:url(/img/colorbox/right-arrow-hover.gif) no-repeat 0 0; }
        #cboxClose{ background:url(/img/colorbox/close.gif) no-repeat 0 0; position:absolute; top:10px; right:10px; width:20px; height:20px; text-indent:-9999px;}
        #cboxClose.hover{ background:url(/img/colorbox/close-hover.gif) no-repeat 0 0; width:20px; height:20px}