body
{
	margin: 0px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	background-image:url(../images/trans.png);
	background-repeat: repeat;
	
}







a {
	color: #ff6600;
	text-decoration: none;
}
a:hover {text-decoration: underline;}
img{border:0px;}	

.divRow{

}

.fb-like {
background: url("../images/like.png");
width:125px;
height:40px;

}

.divWindow
{
	/*background-color: #FFFFFF;*/
	position: absolute; 
	left: 10%; 
	top: 10%; 
	border-bottom: 2px solid #b1b1b2;
	z-index: 9999999;
	width:600px;
}
.divWindow .header
{
	height: 36px;
	width: 100%;
	text-align:left;
	margin: 0px;	
	z-index: 9999999;
	background-image:url('../images/bar.png');
	
}
.divWindow .header A {/*color: #FFFFFF;*/}
.divWindow .header .title{
	float:left;
	text-align:left;
	font-weight:bold;
	padding-top:11px;
	padding-left:11px;
	width:200px;
	margin:5px 0 0 0;

}

.divWindow .header .button{
	float:right;
	margin:9px 0 0px 0;
}

.divWindow .body{
	background-color: #FFFFFF;
	border-left: 1px solid #b1b1b2; 
	border-right: 2px solid #b1b1b2; 
	height:85%;
	overflow:auto;
	width:97.5%;
}
.divWindow .body A{color:#5588BB;}

#cssQuick{margin-top:5px;}

#cssQuick .button{
	height:16px;
	width:20px;
	float:left;
	background:url(../images/icons.png);
	background-repeat:no-repeat;
	
}

#container{
}



#canvas{
	width:432px;
	height:327px;
	border:2px solid #464646 !important;
	margin:0 auto !important;
	vertical-align:middle !important;
	position:absolute !important;
	top:40px;
	left: 110px;
	z-index:1;
	
}





#sidebar{
	width:75px;
	height:548px;
	/*background-image:url('../images/sidebar.png');*/
	position:absolute;
	top:62px;
	text-align:center;
	z-index:999;
}

#sidebar .button{
	margin: 5px 0px 5px 0px;
	cursor: pointer;

}

#sidebar hr{
	margin-top:15px;
	margin-bottom:5px;
	width:45px;
	border:1px solid #5e8acb;

}

#sidebar span{
	font-size:8pt;
	color: #2b3a97;
	font-weight:bold;
}

#topbar{
	width:800px;
	height:52px;
	background-image:url('../images/topbar.png');
	background-repeat:no-repeat;
	position:absolute;
	z-index:1000;
}

#topbar img{
	
}

#topbar .button{
	float:left;
	margin:-5px 0px 10px 17px;
	cursor:pointer;
	height: 42px;
}

#topbar .panel{
	float:left;
	margin: 5px 0px 0px 25px;
}

.clear{
	clear:both;
}

.moveHandle{
	z-index: 2002;
	position: absolute;
	top: -14px;
	right: -1px;
	height: 13px;
	width: 13px;
	background-image:url('../images/table_move_handle.png');
}

.editHandle{
	z-index: 2002;
	position: absolute;
	top: -14px;
	right: 14px;
	height: 13px;
	width: 13px;
	background-image:url('../images/icon_edit.gif');
}

.deleteHandle{
	z-index: 2002;
	position: absolute;
	top: -14px;
	right: 27px;
	height: 13px;
	width: 13px;
	background-image:url('../images/icon_delete.gif');
}

.cloneHandle{
	z-index: 2002;
	position: absolute;
	top: -14px;
	right: 43px;
	height: 13px;
	width: 13px;
	background-image:url('../images/clone.gif');
}
.hideHandle{
	z-index: 2002;
	position: absolute;
	top: -14px;
	right: 58px;
	height: 14px;
	width: 19px;
	background-image:url('../images/shown.png');
}
.group{
	margin-bottom:7px;
}

.group:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.group .label{
	float:left;
	width:125px;
	color: #000000;
	font-weight:bold;
	margin-right:10px;
}

.group .field{
	float:left;
	width:200px;
}

.buttonContainer{
		padding: 5px;
		float:left;
		margin: 5px 0px 0px 5px;

}

.buttonContainer:hover{
	background-color:#88c0ff;
	cursor:pointer; 

}

.selected{
	background-color:#88c0ff;
} 
#viewbar{
	width:200px;
	height:548px;
	/*background-image:url('../images/viewbar.png');*/
	position:absolute;
	top:62px;
	right:0px;
	text-align:center;
	z-index:2;
}

#viewbar .button{
	margin: 5px 0px 5px 0px;
	cursor: pointer;

}

#viewbar hr{
	margin-top:15px;
	margin-bottom:5px;
	width:45px;
	border:1px solid #5e8acb;

}

#viewbar span{
	font-size:8pt;
	color: #2b3a97;
	font-weight:bold;
}
.barItem{
	cursor: pointer;

}

.barItem .active{
	
}


.barItem:hover{
background:#4d8df7;	
}


.sidebartitle{
float:left;
width:100px;
height:35px;
color:#ff811d;
font-weight:bold;
}


.sidebartitletext{
float:left;
width:100%;
margin:15px 0 0 0;
text-align:center;
}



.sidebartitle2{
float:left;
width:100px;
color:#ff811d;
font-weight:bold;
}


.sidebartitletext2{
float:left;
width:100%;
text-align:center;
color:#fff;
font-weight:bold;
}




.sidebar1link a{
float:left;
width:100px;
height:25px;
background-image:url(../images/sideback.jpg);
background-repeat: repeat;
}

.sidebar1link a:hover{
background-position:0 -25px;
}

.sideicon {
width:19px;
height:25px;
float:left;
margin:2px 0 0 7px;
}

.sidelink {
width:70px;
float:left;
color:#fff;
font-weight:bold;
}

.logo {
margin:0 0 0 10px;
float:left;
width:28px;
height:28px;
	background-image:url(../images/logo.png);
	background-repeat: repeat;
}



.topgreybar {
float:left;
width:100%;
direction: ltr;
height: 28px;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99999;
background-color: #464646;
background-image: -ms-linear-gradient(bottom,#373737,#464646 5px);
background-image: -moz-linear-gradient(bottom,#373737,#464646 5px);
background-image: -o-linear-gradient(bottom,#373737,#464646 5px);
background-image: -webkit-gradient(linear,left bottom,left top,from(#373737),to(#464646));
background-image: -webkit-linear-gradient(bottom,#373737,#464646 5px);
background-image: linear-gradient(bottom,#373737,#464646 5px);
}



#sidebar1 {
float:left;
direction: ltr;
height: 100%;
position: fixed;
top: 28px;
left: 0;
width: 100px;
z-index: 99998;
background-color: #696868;
}



#sidebar2 {
float:right;
direction: ltr;
height: 100%;
position: fixed;
top: 28px;
right: 0;
width: 200px;
z-index: 99998;
background-color: #696868;
color:#fff;
}


#nav{
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
	float:left;
	margin:-0px 0 0 -40px;
}
#nav li{
	float:left;
	position:relative;
}
#nav a{
	margin-right:10px;
	display:block;
	padding:5px 15px 5px 15px;
	color:#fff;
	text-decoration:none;
}
#nav a:hover{
	color:#fff;
	background:#4d8df7 !important;
		text-decoration:none !important;
}




/*--- DROPDOWN ---*/
#nav ul{
margin:0 0 0 -40px;
	background:transparent; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
background-color: #464646;
	text-decoration:underline;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#333;
}