#Tabpage {
	display: block;
	position: relative;
	left:0px;
	z-index: 100;
	height: 25px;
	margin: 0px;
	padding: 2px 0px 0px 5px;
	line-height: 18px;
	background: url(images/tab_bg_vista.gif) top left repeat-x;	
	}
	
#Tabpage ul {
	margin: 0px;
	padding: 0px;
	}

#Tabpage li {
	float: left;
	list-style-type: none;
	}
	
#Tabpage span {
	display: block;	
	padding: 2px 10px 3px 5px;
	background: url(images/tab_right_vista.gif) top right no-repeat;	
	background-position: 100% 0px;
	}

#Tabpage a {
	display: block;
	float: left;
	text-align: center;	
	text-decoration:none;
	white-space:nowrap;
	height: 23px;
	padding: 0px 0px 0px 5px;
	margin-right: 1px;
	background: url(images/tab_left_vista.gif) top left no-repeat;
	background-position: 0px 0px;
	color: rgb(0,0,0);
	}
	
#Tabpage a:hover {
	background-position: 0px -23px;
	}
	
#Tabpage a:hover span {
	background-position: 100% -23px;
	}

#Tabpage a.current,#Tabpage a.current:hover {
	background-position: 0px -46px;
	}
	
#Tabpage a.current span, #Tabpage a.current:hover span {
	background-position: 100% -46px;
	color: rgb(0,0,0);
	}

#Tabpage_content {
  float: left;
	position: relative;
	display: block;
	top: -1px;
	width: 605px;
	background: rgb(230,234,241);
	z-index: 99;
	padding: 10px;
	height: 320px;
	}
	
#Ribbon {
	margin-top: 0px;
	display: block;
	background: url(images/ribbon_bg.gif) top right repeat-x;
	height: 91px;	
	}

#Ribbon ul {
  margin: 0px;
	padding: 0px;
	}

#Ribbon li {
	float: left;
	list-style-type: none;
	}
	
#Ribbon .left {
	position: relative;
	float: left;
	background: url(images/ribbon_left.gif) top left;
	height: 91px;
	width: 2px;
	margin-left: -2px;
	}
	
#Ribbon .Item {
	position: relative;
	float: left;
	background: url(images/ribbon_item_bg.gif) top right repeat-x;
	left: 4px;
	top: 3px;
	height: 85px;
	margin-right: 8px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: rgb(17,68,158);
	text-decoration: none;
	}
	
#Ribbon .emptyImg {
	vertical-align: text-bottom;
	height: 85px;
	width: 0px;
	border: 0px;
	}
	
#Ribbon .Item:hover {
	background-position: right -85px;
	}
	
#Ribbon .Item .left {
	background: url(images/ribbon_item_left.gif) top left;
	height: 85px;
	width: 2px;
	margin-left: -2px;
	}
	
#Ribbon .popup {
	display: block;
	position: relative;
  float: right;
	margin-top: -15px;
  background: url(images/ribbon_popup.gif) top left no-repeat;
	height: 14px;
	width: 15px;
	}
	
#Ribbon .popup:hover {
  background-position: 0px -14px;
	}
	
#test {
	position: absolute;
	display: block;
	top: 8px;
	left: 8px;
	height: 60px;
	text-align: left;
	width: 300px;
	}
	
#Button {
  position: absolute;
	background: url(images/but_bg.gif) top right repeat-x;	
	height: 18px;
	white-space:nowrap;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: rgb(17,68,158);
	text-decoration: none;
	margin-left: 18px;
	margin-top: 1px;
	padding: 2px 12px 0px 0px;
	cursor: pointer;
	}

#Button .l {
	position: relative;
	float: left;
	background: url(images/but_left.gif) top left;
	height: 18px;
	width: 12px;
	margin-left:-12px;
	margin-top: -2px;
	}

	
#Ribbut {
  position: relative;
  display: block;
	height: 66px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: rgb(17,68,158);
	text-decoration: none;
	margin: -6px 5px 0px 0px;
	padding: 5px 4px 0px 0px;
	float: left;
	}

#Ribbut img {
	border: 0px;
	}

#Ribbut .l {
	position: relative;
	float: left;
	height: 66px;
	width: 2px;
	margin-left: -2px;
	margin-top: -5px;
	margin-right: 1px;
	}

#Ribbut:hover {
	background: url(images/ribbut_bg.gif) top right repeat-x;	
	}

#Ribbut:hover span{
	background: url(images/ribbut_left.gif) top right repeat-x;	
	}

#Ribbut.current,#Ribbut.current:hover {
	background: url(images/ribbut_a_bg.gif) top right repeat-x;		
	}

#Ribbut.current span,#Ribbut.current:hover span {
	background: url(images/ribbut_a_left.gif) top left no-repeat;		
	}

#toolbar {
	display: block;
	width: 596px;
	border-top: 1px solid rgb(159,187,223);
	border-left: 1px solid rgb(159,187,223);
	border-right: 1px solid rgb(159,187,223);	
	background: rgb(214,231,247);
	padding: 5px;
	height: 21px;
	}

#toolbar input,#cgall_folders_input {
	height: 18px;
	border: 1px solid rgb(159,187,223);
	margin: 2px 2px 2px 3px;
	font-size: 8pt;
	}
		
#toolbar a {
	display: block;
	float: left;
	width: 24px;
	height: 22px;
	background: url(images/toolbar.gif) left top;
	background-position: -24px 0px;
	border: 0px;
	text-decoration: none;
	}

#toolbar img {
	border: 0px;
	width: 24px;
	height: 22px;
	}

#toolbar a:hover {
	background-position: -24px -22px;
	}

#toolbar a.l {
	background-position: 0px 0px;
	}

#toolbar a.a {
	background-position: -24px -44px;
	}

#toolbar a.r {
	background-position: -48px 0px;
	}

#toolbar .r:hover {
	background-position: -48px -22px;
	}

#toolbar .l:hover {
	background-position: 0px -22px;
	}

div#cgall_menu {
	position: absolute;
	top: 0px;
	left: 90px;
	}
			
div#cgall_folders {
	padding: 5px 0px 0px 0px;
	border: 1px solid rgb(200,200,200);
	overflow: auto;
	background: rgb(245,245,245);	
	font-size: 8pt;
	}
 
div#cgall_files {	
	float: right;
	padding: 5px 0px 0px 5px;
	border: 1px solid rgb(200,200,200);
	overflow: auto;
	background: rgb(250,250,250) center center fixed no-repeat;	
	font-size: 8pt;
	}
	
#cgall_files.upload {
	background: rgb(250,250,250) url(images/upload.gif) center center fixed no-repeat;
	cursor: pointer;
	}
	
input#upload_file {
	display: block;
	float: left;
	height: 19px;
	margin: 0px;
	-moz-opacity:0;
	filter:alpha(opacity: 0);
	opacity: 0;
	width: 0px;
	margin-left: -340px;
	cursor: pointer;
	}
	
input#upload_text {
	float: left;
	border: 0px;
	height: 19px;
	width: 262px;
	line-height: 15px;
	margin: 0px;
	padding-left: 67px;
	background: url(images/cgall_input_bg.gif) no-repeat;
	}
			
input#upload_submit {
 	display: block;
	float: left;
	background: url(images/cgall_upload_submit.gif) left top no-repeat;
	height: 19px;
	width: 14px;
	border: 0px;
	line-height: 15px;
	margin-left: -60px;
	cursor: pointer;
	}

#cgall_folders ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	}

#cgall_folders li {
	margin: 2px 0px 2px 10px;
	padding: 1px 0px 0px 15px;
	}

#cgall_folders li.hasChildren {
	background: url(images/hideblock.gif) 0px 4px no-repeat;
	}

#cgall_folders li.hasChildrenC {
	background: url(images/showblock.gif) 0px 4px no-repeat;
	}

#cgall_folders li img {
	margin: 0px -11px 0px 0px;
	}

#cgall_folders a {
	text-decoration: none;
	margin: 0px;
	padding: 3px 4px 3px 21px;
	color: rgb(64,64,64);
	white-space: nowrap;
	background: url(images/folder.gif) 2px 2px no-repeat;
	}

#cgall_folders a:hover {
	text-decoration: underline;
	color: rgb(0,0,0);
	}

#cgall_folders a.current, #cgall_folders a.current:hover {
	text-decoration: none;
	padding: 2px 8px 2px 20px;
	border: 1px solid rgb(200,200,200);
	color: rgb(64,64,64);
	background: url(images/folder.gif) 2px 2px no-repeat rgb(255,255,255);
	}
	
#cgall_input {
	padding: 0px 4px 4px 3px;
	width:130px;
	line-height: 18px;
	border: 1px solid rgb(159,187,223);
	color: rgb(64,64,64);
	background: rgb(234,251,255);	
	}

#cgall {
	display: block;
	position: relative;
	}
	
#cgall_toolbar {
	height: 42px;
  background: url(images/cgall_tb_bg.gif) top right no-repeat;
	}
	
#cgall_toolbar form {
	position: absolute;
	display: block;
	margin: 0px;
	padding: 0px;
	left: 200px;
	top: 2px;
	}

#cgall_toolbar span {
	display: block;
  cursor: pointer;
	}
		
span#cgall_loading {
	position: relative;
	margin: -20px 5px 0px 0px;
	float: right;
	height: 16px;
	color: rgb(255,255,255);
	padding-right: 20px;
	background: url(images/spinner.gif) right top no-repeat;
	}
	
span.cgall_btn_menu {
  display: block;
	float: left;
	height: 20px;
	width: 80px;
	background: url(images/cgall_btn_menu.gif) left top no-repeat;
	}
	
span.cgall_btn_selected {
	height: 22px;
	width: 130px;
	background: url(images/cgall_btn_selected.gif) left top no-repeat;
	}
		
span.cgall_btn_category {
	width: 130px;
  height: 20px;
  padding: 1px 0px 0px 90px;
  color: rgb(255,255,255);
	background: url(images/cgall_btn_category.gif) left top no-repeat;
	}
		
#dragger {
	font-size: 8pt;
	top:0px;
	left:0px;
	display: none;
	width:60px;
	height:12px;
	position:absolute;
	z-index:150;
	padding:1px;
	border: 1px solid rgb(159,187,223);
	color: rgb(64,64,64);
	margin: 0px 0px 0px 0px;
	padding: 2px 3px 2px 20px;
	color: rgb(64,64,64);
	white-space: nowrap;
	background: url(images/folder.gif) 2px 2px no-repeat rgb(234,251,255);
	text-align: center;
	}

.dragover {
	text-decoration: none;
	border: 1px solid rgb(159,187,223);
	color: rgb(64,64,64);
	background: rgb(234,251,255);
}