html{
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	overflow: hidden;
	background-color: #f2f2f0;
}

body{
	height:100%;
	width:100%;
	overflow: hidden;
	background-color: #fff;
	margin:2px;
	padding:0;
	background-color: #f2f2f0;
}


@font-face {
    font-family: 'sosa';
    src: url('fonts/sosa.eot');
    src: url('fonts/sosa.eot?#iefix') format('embedded-opentype'),
         url('fonts/sosa.woff') format('woff'),
         url('fonts/sosa.ttf') format('truetype'),
         url('fonts/sosa.svg#HeydonWorksRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

a{
	text-decoration: none;
	color:black;
	
}

.panel{
	border-radius: 0px;
}
.sosa{
	font-family: sosa;
}

.g{
	filter: progid:DXImageTransform.Microsoft.gradient
	(startColorstr=#f2f2f0, endColorstr=#cccccc);
	  /* fallback*/ 
  background-color: #cccccc; 
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2f2f0), to(#cccccc));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #f2f2f0, #cccccc);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #f2f2f0, #cccccc);
  /* IE 10 */
  background: -ms-linear-gradient(top, #f2f2f0, #cccccc);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #f2f2f0, #cccccc);
}

.wg{
		filter: progid:DXImageTransform.Microsoft.gradient
	(startColorstr=#cccccc, endColorstr=#cccccc);
	  /* fallback*/ 
  background-color: #cccccc; 
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#cccccc));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #cccccc, #cccccc);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #cccccc, #cccccc);
  /* IE 10 */
  background: -ms-linear-gradient(top, #cccccc, #cccccc);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #cccccc, #cccccc);
}
.p_button{
	cursor: pointer;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	border-radius: 0px;
}

.p_button:active{
	
	  background-color: #cccccc; 
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#cccccc));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #cccccc, #cccccc);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #cccccc, #cccccc);
  /* IE 10 */
  background: -ms-linear-gradient(top, #cccccc, #cccccc);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #cccccc, #cccccc);
}

#bbar{
	width:100%;
	height:25px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	
	margin:0;
	margin-bottom:5px;
	padding: 0;
	border-bottom-color: #ccc;

}

#bbar #tabs{
	border-bottom-color: #888;
border-bottom-style: solid;
height: 25px;
border-bottom-width: 1px;
}
#bbar #tabs a{
	float:left;
	height: 20px;
	line-height: 20px;
	margin-top: 5px;
	margin-left: 2px;
	margin-right: 0px;
	
	filter: progid:DXImageTransform.Microsoft.gradient
	(startColorstr=#cccccc, endColorstr=#cccccc);
	  /* fallback*/ 
  background-color: #cccccc; 
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#cccccc));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #cccccc, #cccccc);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #cccccc, #cccccc);
  /* IE 10 */
  background: -ms-linear-gradient(top, #cccccc, #cccccc);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #cccccc, #cccccc);
  
  border-bottom-color: #888;
border-bottom-style: solid;
border-bottom-width: 1px;
}

#bbar #tabs a.clicked{
		filter: progid:DXImageTransform.Microsoft.gradient
	(startColorstr=#f2f2f0, endColorstr=#f2f2f0);
	  /* fallback*/ 
  background-color: #f2f2f0; 
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2f2f0), to(#f2f2f0));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #f2f2f0, #f2f2f0);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #f2f2f0, #f2f2f0);
  /* IE 10 */
  background: -ms-linear-gradient(top, #f2f2f0, #f2f2f0);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #f2f2f0, #f2f2f0);
  
  border-bottom-color: #f2f2f0;
}

#bbar #tabs a div{
	cursor:pointer;
	height: 20px;
	line-height: 20px;
	float:left;
	width: 90px;
	padding-left: 5px;
}
#bbar #tabs a div.X{
cursor:pointer;
float: right;
padding: 2px 2px 0 8px;
font-size: 8px;
line-height: 8px;
width: 10px;
}
#main_panel{
	height:92%;
	overflow: auto;
}
.scroller{
	height:92%;
	overflow: auto;
	width:100%;
    float:left;
}

div.action{
    width:100%;
    height:25px;
    float:left;
}

.child_panel{
	width:100%;
	height: 100%;
}
#nav ul {
	display: none;
	
}

#nav li:hover > ul {
	display: block;
}
#nav {
	 padding: 0;
	list-style: none;
	position: relative;
	margin:0;
}
#nav:after {
	content: ""; clear: both; display: block;
}

#nav li {
	float: left;
	list-style: none;
}
	#nav li:hover {
		background: #4b545f;
		background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
	}
		#nav li:hover a {
			color: #fff;
		}
	
	#nav li a {
		padding: 0 20px; 
		display: block; height:25px;
		color: #757575; text-decoration: none;
		line-height: 25px;
	}
	
	#nav ul {
	background: #5f6975; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
	#nav ul li {
		float: none; 
		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a;
		position: relative;
	}
		#nav ul li a {
			padding: 0px 10px;
			color: #fff;
		}	
			#nav ul li a:hover {
				background: #4b545f;
			}
			
			#nav ul ul {
	position: absolute; left: 100%; top:0;
}

#login_c{
	width: 200px;
	margin: auto;
}

#login_l{
	line-height: 25px;
	float:left;
}

#login_b{
	margin-left: 70px;
margin-top: 5px;
}

#login_b button{
	margin-top:10px;
}

#login_t{
	width:100%;
	color:red;
}
#login_r input{
	margin-top:2px;
	width:140px;
	float:left;
}

ul.dev_list, ul.company_select, ul.companies_list, ul.version_list{
	list-style: none;
	padding-left: 0px;
	float: left;
	margin-left: 0px;
    width:100%;
}

ul.dev_list li, ul.company_select li, ul.companies_list li, ul.version_list li{
	list-style: none;
	width:100%;
vertical-align: middle;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #CCC;
height: 25px;
}

ul.dev_list{
	width:1050px;
	min-width: 100%;
}

ul.comp{
	width:100% !important;
}
ul.companies_list{
	width:1900px;
	min-width: 100%;
}
ul.version_list{
	width:100%;
	min-width: 1300px;
}

ul.dev_list li:hover, ul.company_select li:hover, ul.companies_list li:hover, ul.version_list li:hover{
	background-color: #ccc;
}

ul.dev_list div, ul.company_select div, ul.companies_list div, ul.version_list div{
	float:left;
	overflow: hidden;
}

div.li_short{
	width:30px;
}

div.company_select_radio{
	width:10%;
}
div.company_select_name{
	width:60%;
}
div.company_select_unused{
	width:30%;
}
div.li_medium{
	width:200px;
}



