/*@import "diagnostic.css";*/
html{
  background:#000000 url(/static/images/cooliris/cooliris_bg.jpg) no-repeat center 195px;
  height:100.14%;
}
body{
  /*font-family:Helvetica, tahoma, Arial,sans-serif;*/
  font-family:Arial,sans-serif;
  color:#808285;
  line-height:1.3em;
  font-weight:normal;
  letter-spacing:.05em;
  font-size:100%;
}

#cooliris-header, #cooliris-content, #cooliris-footer{
  margin:0 auto;
  width:950px;
  /*font-size:.68em;*/
  font-size:.75em;
  
}
#cooliris-footer{
  padding-bottom:15px !important;
  font-size:.68em;
}
#cooliris-content{
  margin-bottom:80px;
}
/** generic rules **/
.relative-pos{
  position:relative;
}
.caps{
	text-transform:capitalize;
}
.border{border:1px solid #333 !important;}
.border_bottom{border-bottom:1px solid #333;}
.border_top{border-top:1px solid #333;}
 
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clear{
  clear:both;
  font-size:0px;
  height:0px;
}
/** float rules **/
.column{float:left !important;}
.column_rt{float:right !important;}
/*** width rules ***/

.thirds{width:33%;}
.half{width:49%;}
.fortyfive{width:45%;}
.fiftyfive{width:55%;}
.quarter{width:25%;}
*:first-child+html .quarter{width:24.7%;}
* html .quarter{width:24%;}

.sixty{width:60%;}
.sixtyfive{width:65%;}
.seventyfive{width:75%;}
.twenty{width:19%}
.seventy{width:69%}

/** text rules **/
a:focus{outline:none;}
a, a:active, a:link, a:visited, a:hover{color:#7DC2FA;}
a, a:active, a:link, a:visited{text-decoration:none;}
.block{display:block;}

a:hover{text-decoration:underline;}
a.toplink{font-size:.85em;font-weight:normal; text-transform:lowercase;}
a.tell-a-friend{
  background:transparent url(/static/images/cooliris/img_common_sprite.png) no-repeat 0 -103px;
  padding-left:20px !important;
  margin-left:10px;
}
ul.list{margin-left:25px;}
ul.list li{list-style:disc;}
ol.list li{list-style:decimal}
ol.list{margin-left:30px;}


.indent{text-indent:-10000em;}

h2{color:#ddd;border-bottom:1px solid #333;text-transform:uppercase;margin-bottom:10px;font-size:1.2em;padding-bottom:2px;}
h1, h3, dt{font-size:1.1em;}
h1, h2, h3{line-height:normal;}
h3{ margin-bottom:5px;}
h2.title_message{
  font-size:1.3em;
  border-bottom:none;
  color:#DDDDDD;
  margin-bottom:0px;
  text-transform:none;
}

.upper{text-transform:uppercase;}
.title,.quotes, h1, h3, dt,.news_line span{color:#ddd;}
h1.headline{margin-bottom:10px;}
.lower{text-transform:lowercase;}
#headline{margin-left:50px;}
#hero h3{font-size:1.3em;color:#9E9E9E !important; line-height:1.3em;}
#portfolio_wrapper h3{font-size:1.1em !important; color:#ddd !important;}

/*** spacers ***/
.spacer{padding-bottom:20px !important;}
.spacer_top{margin-top:20px !important;}

.gry_accent{color:#808285 !important;}


/*** news headline ***/
.news_line{background-color:#000; border:1px solid #333; margin-bottom:30px;padding:8px 0 7px 0;line-height:normal;}
.news_line span{padding-left:15px; }
.news_line span#rotating_headline{ color:#808285 !important;}

hr {
  background-color:#333 !important;
  border:0 none;
  color:#333;
  height:1px;
  margin:25px auto;
  width:100%;
}
hr.img{
  background:transparent url(/static/images/cooliris/hr_img.png) no-repeat 0 0 !important;
  margin-top:0px;
}
div.hr{
  background:transparent url(/static/images/cooliris/hr_img.png) no-repeat 0 0 !important;
  height:1px;
  margin:0 auto 25px auto;
  width:100%;
}
pre{
	border:1px solid #333;
	color:#fff;
	line-height:1.7em;
	font-size:.9em;
	padding:20px 0 0 0;
  /**font-size:.9em;*/
  font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;
}


.accent{
	color:#fff568 !important;
  
}
/*** header/ footer shared rules***/
#cooliris-footer ul,
#cooliris-header ul{
  text-align:center;
}
#cooliris-header ul a,
#cooliris-footer ul a{
  display:block;
  float:left;
}
#cooliris-header ul a{
  color:#fff;
}
#cooliris-footer ul a{
  color:#ddd;
}
#cooliris-header ul li,
#cooliris-footer ul li{
  float:left;
  color:#58595b;
}
/** header only rules **/
#cooliris-header{
  padding:15px 0 30px;
  
}
#cooliris-header a#cooliris{
  display:block;
  width:126px;
  height:34px;
  text-indent:-10000em;
  background:transparent url(/static/images/cooliris/img_common_sprite.png) no-repeat 0 0;
  float:left;
}
#cooliris-header a#lifestudio_cooliris {
  display:block;
  width:373px;
  height:34px;
  text-indent:-10000em;
  background:transparent url(/static/images/cooliris/lifestudio_cooliris_header.png) no-repeat 0 0;
  float:left;
}
#cooliris-header ul a:link, #cooliris-header ul a:active,
#cooliris-header ul a:visited, #cooliris-header ul a:hover{
  padding:0px 15px;
  text-decoration:none;
}
#cooliris-header ul a.selected_nav{
  background:transparent url(/static/images/cooliris/img_common_sprite.png) no-repeat center -55px;
}
*:first-child+html #cooliris-header ul a.selected_nav{background-position:center -52px;}
#cooliris-header ul li{
  border-left:1px solid #000;
  border-right:1px solid #000;
  border-top:1px solid #000;
  border-bottom:none;
  position:relative;
  z-index:1001;
}

#cooliris-header ul li:hover{
   background:transparent url(/static/images/cooliris/img_common_sprite.png) no-repeat center -55px;
  /*background:transparent url(/static/images/cooliris/drop_down_nav.jpg) repeat-x 0 0px;*/
  text-decoration:none;
  border-left:1px solid #222;
  border-right:1px solid #222;
  border-top:1px solid #222;
  border-bottom:none;
  color:#000;
}
*:first-child+html #cooliris-header ul a:hover{background-position:center -52px;}
#cooliris-header ul{
  float:right;
  margin-top:5px;
  color:#fff;
  line-height:2.75em;
}
#nav, #nav ul { /* all lists */
	line-height: 1;
}

#nav li ul { /* second-level lists */
	position: absolute;
  clear:both;
	background: #000;
  border:1px solid #222;
  padding:0;
  margin:0px;
  text-transform:none;
  z-index:1000;
  text-align:left;
	width: 15em;
  left: -999em;
  filter:'alpha(opacity=90)';
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";  
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); 
  opacity: .90;
	-moz-opacity: 0.90;
}
#nav li ul{
  top:2.75em;
}
#nav li ul li{
  width: 15em;
  border-left:none;
  border-right:none;
  border-top:none;
  border-bottom:1px solid #222;
}
#nav li ul li:hover{
  background-image:none;
  border-left:none;
  border-right:none;
  border-top:none;
  border-bottom:1px solid #222;
}
#cooliris-header ul li span{
  float:left;
}
#cooliris-header ul li ul li.last{
  border-bottom:none;
}
#cooliris-header ul li ul li a:link, #cooliris-header ul li ul li a:active,
#cooliris-header ul li ul li a:visited, #nav li ul li a:hover{
  padding:0 0 0 15px;
  float:none;
  display:block;
  height:30px;
  line-height:30px;

}
#cooliris-header ul li ul li a:link, #cooliris-header ul li ul li a:active,
#cooliris-header ul li ul li a:visited{
  color:#919191;
}
#nav li ul li a:hover{
  background:transparent url(/static/images/cooliris/drop_down_nav.jpg) repeat-x 0 -38px;
  color:#fff !important;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
  z-index:1000;
}
#nav li#last:hover ul, #nav li#last.sfhover ul {
	right:-1px;
}



/** footer only rules **/

#cooliris-footer select{
  padding:2px 0;
  background-color:#000;
  color:#fff;
  border:1px solid #333;
}
#cooliris-footer ul a:link, #cooliris-footer ul a:active,
#cooliris-footer ul a:visited, #cooliris-footer ul a:hover{
  padding:0px 10px;
}
#cooliris-footer .footer_nav{
  padding-bottom:5px;
  margin-bottom:10px;
  border-bottom:1px solid #333;
}
#cooliris-footer p{
  text-align:center;
  line-height:1.3em;
  letter-spacing:normal;
  color:#58595b;
}
/*** main content ***/
#cooliris-main-content{
  float:right;
  width:747px;
  background-color:#000;
  min-height:515px;
}
#hero{height:413px;padding-top:30px; margin-bottom:10px;}
.inner{
  width:92%;
  margin:0px auto;
}
.inner p, .inner ul, .inner ol,
.inner h3, .inner h2,
#content_wrapper p, #content_wrapper ul, #content_wrapper ol,
#content_wrapper h3,#content_wrapper h2{ padding-right:20%;}
#content_wrapper h3.title{font-size:1.2em;}
.lose_padding{padding-right:0 !important;}
#portfolio_wrapper .portfolio,
#cooliris-lt-sidebar #sidebar{
  position:relative;
  top:0;
  left:0;
  color:#939598;
  z-index:2;
}

#portfolio_wrapper {
  width:344px;
  margin-right:15px;
}
.transparent-bk{
  position:absolute;
  z-index:1;
  background:#000;
  filter:'alpha(opacity=70)';
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); 
  opacity: .70;
	-moz-opacity: 0.70;
}
#cooliris-lt-sidebar .transparent-bk,
#portfolio_wrapper .transparent-bk{
  top:0px;
  left:0px;
}
#portfolio_wrapper .transparent-bk{
  width:344px;
  height:400px;
}
#portfolio_wrapper .portfolio{width:344px;}

#portfolio_wrapper .portfolio .title{
  background-color:#333;
  padding:5px 0px 3px 10px;
  margin-bottom:5px;
  line-height:normal;
  font-size:.85em;
}
#portfolio_wrapper .portfolio li{
  padding:12px 0;
  border-top:1px solid #333;
}
#portfolio_wrapper .portfolio li.first{border:none;}
#portfolio_wrapper .portfolio li h3{
  background:transparent url(/static/images/cooliris/img_common_sprite.png) no-repeat 0 -153px;
}
#portfolio_wrapper .portfolio li h3,
#portfolio_wrapper .portfolio li p{
  margin-left:15px;
  margin-bottom:0px;
  padding:2px 35px 2px 20px;
}

.pager{text-align:center;}
.pager a.first{margin-left:8%;}
.pager a{
  display:block;
  float:left;
  width:20px;
  height:20px;
  line-height:2.4em;
  border:1px solid #333;
  margin:5px 4%;
  font-size:.85em
}

/*** forms ***/
input.select_item{
  border:none ;
  background-color:transparent !important;
}
textarea, input{
  border:1px solid #58595b;
  background-color:#333;
  color:#fff;
}
input.text_input {
padding:5px 3px;
width:250px;
}
.code{
  font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;
}
/*** download global rules ***/
#install_cooliris a span.left {
  cursor:pointer;
  font-size:15px;
  position:absolute;
  left:57px;
  text-transform:capitalize !important;
  top:27px;
}
#install_cooliris a span.win_ch{
  font-weight:bold;
  font-size:15px;
}
#install_cooliris a span.win_ie{top:22px;}
#install_cooliris a span.sm_text{display:none;}

#install_cooliris{
  height:74px;
  width:208px;
}
#install_cooliris a{
  display:block;
  position:relative;
  color:#333 !important;
  background:transparent url(/static/images/cooliris/download_sprite.png) no-repeat;
  width:208px;
  height:74px;
}
#install_cooliris a:link, #install_cooliris a:active, #install_cooliris a:visited{
  background-position:0 0;
  _background:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/cooliris/download_off.png',sizingMethod='scale');
}
#install_cooliris a:hover{
  background-position:0 -74px;
  text-decoration:none;
  _background:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/cooliris/download_on.png',sizingMethod='scale');
}

/*demo video link*/
a.view_demo{
  clear:both;
  display:block;
  margin:15px 0 0 65px;
  background:transparent url(/static/images/cooliris/view_demo.png) no-repeat 0 0;
  width:140px;
  height:95px;
  
}
a.view_demo:link, a.view_demo:active, a.view_demo:visited, a.view_demo:hover{
  background-position:0 0;
  _background:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/cooliris/view_demo.png',sizingMethod='scale');
}
a.round_arrow{
  background:transparent url(/static/images/cooliris/learn_more_round.png) no-repeat right 2px;
  padding:2px 20px 2px 0;
}
a.video_link{
  background:transparent url(/static/images/cooliris/video_icon.png) no-repeat 0px;
  padding:2px 0px 2px 35px;
}
.error_border {
  border:1px solid #F7991E;
}