body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}
abbr, acronym{border:0}
body{font-family:"Helvetica","Lucida Sans","Lucida Sans Unicode","Luxi Sans",Tahoma,sans-serif; background:#efefef; overflow:hidden; padding:0; margin:0; position:relative}
#header{height:103px; background:#d0d0d0 url(images/top-bg.png) repeat-x ;; }

#branding{float:left; width:300px; padding:0 7px 0 10px; font-size:10px; color:#fff;float:left;}

#home{display:block; width:300px; height:60px; text-indent:-9999px; background:transparent url(images/logo.png) no-repeat 0 50%;}
#info{ float:left; width:60%; margin-left:20px; color:#FFF; font-size: 12px; padding-top:25px; font-style:italic;}

iframe{ width:100%;  height:100%;  padding:0em;  margin:0em;  border:none}

#actions{height:44px}

#actions ul.actionCont{float:left; margin:-23px 25px 0 0}

#actions ul.right{float:right}

#actions li.actionItem{float:left; position:relative}

#actions li.actionItem .aiButton, 
#actions li.actionItem .aiButton span, 


/*#actions li.actionItem a.aiButton{border:solid 1px #26445F; display:block; outline:none; text-decoration:none; text-shadow:0 1px 1px #253E5C; color:#fff; font-weight:bold; font-size:12px; background-color:#45719B}
*/
#actions li.actionItem a.aiButton{ display:block; outline:none; text-decoration:none; text-shadow:0 1px 1px #253E5C; font-weight:bold; font-size:13px;}

 #actions li.actionItem #m{ }
 #actions li.actionItem #m span{ background-position:6px -372px;  padding:0 8px;  text-indent:-9999px;  width:10px}

#actions li.actionItem a.aiButton span{display:block; padding:0 10px 0 30px; line-height:6px}

#actions li.noIcon a.aiButton span{background-image:none; padding:0 8px}

#actions ul.dropdown .dropdownCont li{line-height:26px}

#actions ul.dropdown .dropdownCont li a{display:block; text-decoration:none; color:#00E; font-weight:bold}

#actions ul.dropdown .dropdownCont li a span{margin:0 6px}

#actions ul.dropdown .dropdownCont li a:hover{background:#eee}

 
#actions li.actionItem a.aiButton:active{background-position:0 0}

#actions ul.collapsed li.actionItem{margin-left:-1px}

#actions ul.dropdown li.actionItem a.aiButton{background-position:100% -26px}

#actions ul.dropdown li.actionItem a.aiButton span{padding:0 28px 0 8px; background-image:none}

#actions ul.dropdown li.actionItem a.aiButton:active{background-position:100% 0}

#actions #run span{background-position:8px -100px}

#actions #update span{background-position:8px -66px}

#actions #savenew span{background-position:8px -134px}

#actions #clean span{ background-position:8px -168px}

#actions #mark_favourite span{ background-position:8px -202px}

#actions #is_favourite span, 
#actions #mark_favourite.isFavourite span{ background-position:8px -236px;  cursor:pointer}

#actions #tidy span{ background-position:8px -270px}

#actions #showjscode span{ background-position:8px -270px}

#actions #jslint span{ background-position:8px -338px}

#actions #toggleSidebarUl{margin-left:-40px; margin-top:8px}

#actions #toggleSidebar{border-width:0px; display:block; outline:none; text-decoration:none; text-shadow:0; color:#fff; font-weight:bold; font-size:12px; background:transparent}

#actions #toggleSidebar span{ background-position:8px -406px;  text-indent:-9999px; padding:0 8px; width:12px}

#actions #toggleSidebar span.hidden{ background-position:8px -440px}

#select_link{background:transparent url(../img/sprites.png) no-repeat 0 -254px; color:#fdfdfd; float:right; width:229px; height:27px; margin:6px 10px 0; font-size:13px; padding-left:15px; line-height:27px}
a.button{display:inline-block !important; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding:0 15px; text-decoration:none; font-size:12px; line-height:23px; cursor:pointer}
.button.medium{padding:2px 15px; text-decoration:none; font-size:14px; line-height:27px}
	.button.red{
		border: solid 1px #162D45;
		background: rgb(204,0,0); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(204,0,0,1) 0%, rgba(124,0,0,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,0,0,1)), color-stop(100%,rgba(124,0,0,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(204,0,0,1) 0%,rgba(124,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(204,0,0,1) 0%,rgba(124,0,0,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(204,0,0,1) 0%,rgba(124,0,0,1) 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#7c0000',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, rgba(204,0,0,1) 0%,rgba(124,0,0,1) 100%); /* W3C */
		border-color: #AC0101 #860101 #5C0101;
		color: #fff !important;
		text-shadow: 0 1px 0 #2F321A;
		-webkit-box-shadow: 0 1px 1px #7E7E7E, inset 0 1px 0 #FC6F6A;
		-moz-box-shadow: 0 1px 1px #7E7E7E inset 0 1px 0 #FC6F6A;
		box-shadow: 0px 1px 2px #7E7E7E, inset 0 1px 0 #FC6F6A;    
	}

	/* red button hover state */	
	.button.red:hover{
		background: rgb(124,0,0); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(124,0,0,1) 0%, rgba(204,0,0,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(124,0,0,1)), color-stop(100%,rgba(204,0,0,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(124,0,0,1) 0%,rgba(204,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(124,0,0,1) 0%,rgba(204,0,0,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(124,0,0,1) 0%,rgba(204,0,0,1) 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, rgba(124,0,0,1) 0%,rgba(204,0,0,1) 100%); /* W3C */
	}

/* Buttons */
	.buttons-content {
		margin-top:-10px;
	}
	.buttons {
		margin-left:-10px;
		margin-right:-10px;
		margin-bottom:-10px;
	}
	.buttons li{
		float:left;
		list-style:none;
		margin-left:8px;
		margin-right:8px;
		padding-top:10px;		
	}
	.button-list-1 {
		margin-left:-3px;
		margin-right:-3px;
		margin-top:-10px;
		clear:both;
	}
		
	.button-list-1 li{
		float:left;
		list-style:none;
		margin-bottom:-5px;
		margin-top:10px;
		margin-left:3px;
		margin-right:3px;
	}
	.button-list-2 {
		margin-left:-3px;
		margin-right:-3px;
		margin-top:-10px;
	}
		
	.button-list-2 li{
		float:left;
		list-style:none;
		margin-top:10px;
		margin-left:3px;
		margin-right:3px;
	}
	.button-a {
		padding:0px 10px;
	}
	.button-a, .button-a span {
		display:inline-block;
		height:30px;
		border:0;
		color:#FFF;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		text-decoration:none;
		cursor:pointer;
		font-size:12px;
		text-align:center;	
	}
	.button-a span {
		padding-top:7px;
	}
	.button-a:hover {
		  -moz-opacity: 0.9;
		  -khtml-opacity: 0.9;
		  opacity: 0.9;
		  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
		  text-decoration:none;
	}
	.button-a.gray {
		background-image:url(images/button.png);
		border:1px solid #CCC;
		color:#55585d;
	}
	.button-a.gray span {
		color:#55585d;
	}
	.button-a.blue {
		background-image:url(images/button.png);
		background-position:0px -60px;
		border:1px solid #438ac2;
	}
	.button-a.dark-blue {
		background-image:url(images/button.png);
		background-position:0px -30px;
		border:1px solid #23272a;
	}
	.button-a.red {
		background-image:url(../images/button.png);
		background-position:0px -90px;
		border:1px solid #973a2a;
	}
	.button-a span.icon-dark {
		height:17px;
		display:block;
		width:16px;
		margin-top:7px;
		margin-left:-3px;
		margin-right:-3px;
		padding:0px;
		padding-right:0px;
		background-repeat:no-repeat;
		background-image:url(../images/button-icon.png);
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.button-a span.icon-dark-text {
		padding-left:25px;
		height:16px;
		display:block;
		margin-top:7px;
		padding-top:0px;
		background-repeat:no-repeat;
		background-image:url(../images/button-icon.png);
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	
	.button-a span.icon-dark {
		height:17px;
		display:block;
		width:16px;
		margin-top:7px;
		margin-left:-3px;
		margin-right:-3px;
		padding:0px;
		padding-right:0px;
		background-repeat:no-repeat;
		background-image:url(../images/button-icon.png);
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.button-a span.icon-dark-text {
		padding-left:25px;
		height:16px;
		min-width:60px;
		display:block;
		margin-top:7px;
		padding-top:0px;
		text-align:left;
		background-repeat:no-repeat;
		background-image:url(../images/button-icon.png);
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.button-a span.icon-white {
		height:17px;
		display:block;
		width:16px;
		margin-top:7px;
		margin-left:-3px;
		margin-right:-3px;
		padding:0px;
		padding-right:0px;
		background-repeat:no-repeat;
		background-image:url(../images/button-icon-white.png);
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.button-a span.icon-white-text {
		padding-left:25px;
		height:16px;
		min-width:60px;
		display:block;
		margin-top:7px;
		padding-top:0px;
		text-align:left;
		background-repeat:no-repeat;
		background-image:url(../images/button-icon-white.png);
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.button-a span.del {
	}
	.button-a span.edits {
		background-position:0px -20px;
	}
	.button-a span.magnifier {
		background-position:0px -42px;
	}
	.button-a span.person {
		background-position:0px -62px;
	}
	.button-a span.users {
		background-position:0px -85px;
	}
	.button-a span.tag {
		background-position:0px -105px;
	}
	.button-a span.sound {
		background-position:0px -126px;
	}
	.button-a span.shop {
		background-position:0px -146px;
	}
	.button-a span.picture {
		background-position:0px -169px;
	}
	.button-a span.phone {
		background-position:0px -188px;
	}
	.button-a span.close {
		background-position:0px -210px;
	}
	.button-a span.open {
		background-position:0px -230px;
	}
	.button-a span.notepad {
		background-position:0px -252px;
	}
	.button-a span.music {
		background-position:0px -274px;
	}
	.button-a span.movie {
		background-position:0px -295px;
	}
	.button-a span.mail {
		background-position:0px -315px;
	}
	.button-a span.key {
		background-position:0px -334px;
	}
	.button-a span.home {
		background-position:0px -355px;
	}