.interfaceStar
	{
	_position: absolute;
	_margin-left: 25px;
	_margin-top: -20px;
	float: right;
	width: 115px;
	height: 102px;
	background: url(../gfx/interface_star.png) no-repeat;
	}



/* ----------------------------------------------------------[FOR PRINTING PURPOSES]--- */

@media print {

#top, #menu, #column_right, #print, big, #topboxes, #startright, #browserMenu
	{
	display: none;
	}

h1.faq span, h1.why span, h1.works span, h1.register span, h1.getstarted span, h1.services span, h1.download span, h1.contact span, h1.who span, h1.win span, h1.macos span, h1.store span, h1.global span, h1.share span, h1.backup span, h1.start span, h1.login span, h1.files span, h1.info span 
	{
	display: inline
	}

h1.faq, h1.why, h1.works, h1.register, h1.getstarted, h1.services, h1.download, h1.contact, h1.who, h1.win, h1.macos, h1.store, h1.global, h1.share, h1.backup, h1.start, h1.login, h1.files, h1.info
	{
	width: auto;
	height: auto;
	background: none
	}

#footer
	{
	width: auto;
	padding-top: 10px;
	border-top: 1px solid #000;
	margin-top: 25px;
	height: 51px;
	background: none;
	color: #777
	}

#footer div span
	{
	color: #777
	}

#footer div
	{
	padding-top: 0px;
	margin-left: 0px;
	color: #777
	}

#footer a
	{
	color: #777
	}

}

/* ----------------------------------------------------------[FOR SCREEN PURPOSES]--- */


.imgStore, .imgGlobal, .imgShare, .imgBackup
	{
	width: 346px;
	height: 258px;
	background: url(../gfx/store.jpg) no-repeat;
	margin-bottom: 100px;
	}

.imgGlobal	{ background: url(../gfx/global.jpg) no-repeat }
.imgShare	{ background: url(../gfx/share.jpg) no-repeat }
.imgBackup	{ background: url(../gfx/backup.jpg) 0px -20px no-repeat; margin-bottom: 0px; height: 208px; margin-bottom: 5px; margin-top: -10px; }


#order h4
	{
	display: none
	}

#order p
	{
	font: 11px "Trebuchet MS", verdana, arial, helvetica, san-serif;
	color: #8D7E60;
/*	width: 345px; */
	background: url(../gfx/box_bg.png) repeat-x;
	border-left: 1px solid #CCC9B8;
	border-right: 1px solid #CCC9B8;
	border-bottom: 1px solid #CCC9B8;
	padding-bottom: 25px;
	padding-left: 75px;
	padding-right: 45px;
	padding-top: 17px;
	margin-top: 0px
	}

#order h3
	{
/*	width: 467px; */
	text-align: right;
	margin: 0px;
	padding: 0px;
	}

#order input
	{
	margin-right: 17px;
	margin-top: 29px;
	_margin-top: 25px;
	}

.roomsTop
	{
	background: #e0813f url(../gfx/home/bg_boxtop.gif)	
	}

#roomsTable .roomsTop td
	{
	height: 30px;
	color: #fff;
	border-left: 1px solid #7ea4c2;
	border-top: 1px solid #7ea4c2;
	border-right: 1px solid #45627a;
	font-weight: bold
	}

#roomsTable h3
	{
	font-family: tahoma;
	font-size: 18px;
	font-weight: bold;
	color: #e16f0c;
	margin: 0px;
	}

#roomsTable h4
	{
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #e16f0c;
	margin: 0px;
	}

#roomsTable
	{
	border-left: 1px solid #45627a;
	border-bottom: 1px solid #45627a;
	border-top: 1px solid #45627a;
	}

#roomsTable td
	{
	font-size: 12px;
	color: #2a4459;
	border-right: 1px solid #45627a;
	border-top: 1px solid #45627a;	
	}

#roomsTable a
	{
	color: #e16f0c;
	border-bottom: 1px solid #435f77;
	text-decoration: none;
	background: none
	}

.check
	{
	width: 22px;
	height: 18px;
	background: url(../gfx/check.gif) no-repeat;	
	}

.company
	{
	height: 70px;
	background: url(../gfx/bg_company.gif);
	}

.superior
	{
	height: 70px;
	background: url(../gfx/bg_superior.gif);
	}

.imperial
	{
	height: 70px;
	background: url(../gfx/bg_imperial.gif);
	}

.grand
	{
	height: 70px;
	background: url(../gfx/bg_grand.gif);
	}

.standard
	{
	height: 70px;
	}




pre
	{
	font-size: 12px;
	margin-bottom: -10px;
	margin-top: 25px
	}


.prog
	{
	width: 371px;
	padding-left: 110px;
	padding-right: 10px;
	padding-top: 20px;
	margin-bottom: 30px;
	border: 1px solid #45627a;
	border-top: none;
	background: #f5f2e9;
	margin-top: 0px;
	}

.progtop
	{
	margin: 0px;
	width: 100%;
	height: 20px;
	padding-left: 11px;
	padding-top: 3px;
	color: #fff;
	margin-bottom: 0px;
	border: 1px solid #45627a;
	background: #e0813f url(../gfx/home/bg_boxtop.gif)
	}


.lastName, .passwordAgain, .email
	{
	margin-bottom: 20px
	}


.knapp .input input, .submit, #ask .knapp .input input, .input .submit
	{
	width: auto;
	height: 30px;
	border: 1px solid #e27514;
	color: #fff;
	font: bold 11px tahoma, verdana, arial, helvetica, san-serif;
	background: #f58a40 url(../gfx/bg_regbut.gif) repeat-x;
	margin-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	_padding-left: 10px;
	_padding-right: 10px;
	clear: both;
	cursor: pointer
	}

#step1 .knapp
	{
	text-align: center
	}


.agree .input input
	{
	width: 15px;
	float: left;
	border: none;
	background: none;
	margin-top: -2px;
	_margin-top: -4px;
	margin-left: 0px;
	padding: 0px;
	margin-bottom: -2px;
	}

.input select
	{
	padding-left: 4px;
	font: normal 13px tahoma, verdana, tahoma, arial, helvetica, san-serif;
	line-height: 20px;
	background: #f5f2e9 url(/media/gfx/bg_input.gif) repeat-x;
	margin-bottom: 15px
	}


.postalCode .input input, .postalAddress .input input
	{
	width: 140px
	}

.label, #ask lable
	{
	font: normal 11px  tahoma, verdana, arial, helvetica, san-serif;
	margin-bottom: 3px
	}

.input input
	{
	padding-left: 4px;
	padding-bottom: 5px;
	padding-top: 5px;
	font: normal 11px tahoma, verdana, tahoma, arial, helvetica, san-serif;
	width: 283px;
	border-left: 1px solid #736f5f;
	border-right: 1px solid #cdc6ad;
	border-top: 1px solid #736f5f;
	border-bottom: 1px solid #cdc6ad;
	background: #f5f2e9 url(/media/gfx/bg_input.gif) repeat-x;
	margin-bottom: 10px
	}

textarea
	{
	width: 283px;
	padding-left: 4px;
	padding-top: 5px;
	font: normal 11px tahoma, verdana, tahoma, arial, helvetica, san-serif;
	border-left: 1px solid #736f5f;
	border-right: 1px solid #cdc6ad;
	border-top: 1px solid #736f5f;
	border-bottom: 1px solid #cdc6ad;
	background: #f5f2e9 url(/media/gfx/bg_input.gif) repeat-x;
	margin-bottom: 10px;
	scrollbar-3dlight-color:6B6B6B; 
	scrollbar-arrow-color:#6B6B6B;
	scrollbar-base-color:#ffffff;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:ffffff;
	scrollbar-shadow-color:#6B6B6B;
	scrollbar-track-color: #f5f2e9;	
	}

#ask input, #ask textarea
	{
	padding-left: 4px;
	padding-top: 5px;
	padding-bottom: 5px;
	font: normal 11px tahoma, verdana, tahoma, arial, helvetica, san-serif;
	width: 190px;
	border-left: 1px solid #736f5f;
	border-right: 1px solid #cdc6ad;
	border-top: 1px solid #736f5f;
	border-bottom: 1px solid #cdc6ad;
	background: #f5f2e9 url(/media/gfx/bg_input.gif) repeat-x;
	margin-bottom: 10px
	}

#ask textarea
	{
	height: 70px;
	margin-bottom: 0px
	}

.error, .success
	{
	padding: 0px;
	padding-bottom: 30px;
	margin-bottom: 25px;
	border: 1px dashed #2A4459;
	background: #f5f2e9 url(../gfx/alert.gif) no-repeat 5px 10px
	}

.success
	{
	background: #f5f2e9 url(../gfx/alert_ok_big.gif) no-repeat 5px 10px;
	height: 100px;
	}

.error ul
	{
	margin-left: 80px;
	padding-left: 0px
	}

.success ul
	{
	margin-left: 120px;
	padding-left: 0px
	}

.member
	{
	text-align: center;
	width: 180px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px;
	padding-bottom: 30px;
	border: 1px dashed #2A4459;
	background: #f5f2e9
	} 


.confirmOrder .input input
	{
	width: 15px;
	float: left;
	border: none;
	background: none;
	margin-top: 0px;
	_margin-top: -4px;
	margin-left: 0px;
	padding: 0px;
	margin-bottom: -2px;
	}


.netdrive
	{
	background: #f5f2e9 url(../gfx/netdrive.jpg) no-repeat 0px 15px
	}

.cobian
	{
	background: #f5f2e9 url(../gfx/cb7.jpg) no-repeat 0px 15px
	}

.goliath
	{
	background: #f5f2e9 url(../gfx/goliath.jpg) no-repeat 0px 15px
	}


.topbutt
	{
	width: 45px;
	height: 16px;
	display: block;
	margin-top: 15px;
	background: url(../gfx/upp.gif) no-repeat
	}

a:hover.topbutt
	{
	margin: 0px;
	margin-top: 15px;
	padding: 0px;
	background: url(../gfx/upp.gif) no-repeat
	}

#bill,  #steven
	{
	display: block;
	width: 148px;
	height: 207px;
	float: left;
	border-bottom: 2px dashed #fff;
	background: url(../gfx/bill.jpg) no-repeat;
	opacity: .8;
	moz-opacity: .8;
	filter: alpha(opacity=80);
	}

#steven
	{
	margin-left: 75px;
	background: url(../gfx/steven.jpg) no-repeat;
	}

a:hover#bill, a:hover#steven
	{
	margin: 0px;
	padding: 0px;
	opacity: 1;
	moz-opacity: 1;
	filter: alpha(opacity=100);
	}

a:hover#steven
	{
	margin-left: 75px;
	}

.scheme
	{
	background: url(../gfx/bg_scheme.jpg) no-repeat
	}

#left
	{
	float: left;
	}

#right
	{
	float: right
	}

.logo
	{
	display: block;
	width: 178px;
	height: 27px;
	margin-top: 33px;
	margin-left: 27px;
	background: url(../gfx/datahotellet_logo.gif) no-repeat
	}

a:hover.logo
	{
	background: url(../gfx/datahotellet_logo.gif) no-repeat
	}

#print
	{
	height: 14px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-left: 20px;
	background: url(/media/gfx/printer.gif) no-repeat 0px 1px
	}

#print a
	{
	font: 9px verdana, arial, helvetica;
	color: #3E5268
	}

#print a:hover
	{
	background: none;
	color: #3E5268
	}

.icon1, .icon2, .icon3, .icon4, .icon5, .icon6, .icon7, .icon8, .icon9, .icon10, .icon11, .icon12, .icon13, .icon14, .icon15, .icon16, .icon17, .icon18
	{
	width: 57px;
	height: 56px;
	margin: 5px;
	border: none;
	margin-left: 0px;
	margin-top: 3px;
	background: #b8b39d url(../gfx/icon_mobile.gif) no-repeat;
	}

.icon2 {background: #b8b39d url(../gfx/icon_safe.gif) no-repeat;}
.icon3 {background: #b8b39d url(../gfx/icon_simple.gif) no-repeat;}
.icon4 {background: #b8b39d url(../gfx/icon_share.gif) no-repeat;}
.icon5 {background: #b8b39d url(../gfx/icon_free.gif) no-repeat;}
.icon6 {background: #b8b39d url(../gfx/icon_user.gif) no-repeat;}
.icon7 {background: #b8b39d url(../gfx/icon_school.gif) no-repeat;}
.icon8 {background: #b8b39d url(../gfx/icon_workgroup.gif) no-repeat;}
.icon9 {background: #b8b39d url(../gfx/icon_vacation.gif) no-repeat;}
.icon10 {background: #b8b39d url(../gfx/icon_copy.gif) no-repeat;}
.icon11 {background: #b8b39d url(../gfx/icon_1.gif) no-repeat;}
.icon12 {background: #b8b39d url(../gfx/icon_2.gif) no-repeat;}
.icon13 {background: #b8b39d url(../gfx/icon_3a.gif) no-repeat;}
.icon14 {background: #b8b39d url(../gfx/icon_3b.gif) no-repeat;}
.icon15 {background: #b8b39d url(../gfx/icon_3c.gif) no-repeat;}
.icon16 {background: #b8b39d url(../gfx/icon_3d.gif) no-repeat;}
.icon17 {background: #b8b39d url(../gfx/icon_4.gif) no-repeat;}
.icon18 {background: #b8b39d url(../gfx/icon_5.gif) no-repeat;}

body
	{
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #b8b39d url(../gfx/bg.gif) repeat-x;
	font: normal 11px verdana, tahoma, arial, helvetica, san-serif;
	line-height: 16px
	}

body, html
	{
	height: 100%
	}

/* 
#menu a.active, #menu li.activeCategory a.category
	{
	border-left: 1px solid #fff;
	color: #566c7d;
	font-weight: bold;
	background: url(../gfx/bg_active.gif) bottom right repeat-x;
	}

#menu a.active:hover, #menu li.activeCategory a.category:hover
	{
	border-left: 1px solid #fff;
	color: #566c7d;
	font-weight: bold;
	background: url(../gfx/bg_active.gif) bottom right repeat-x;
	}
*/


p, div, td
	{
	margin: 0px;
	padding: 0px;
	font: normal 11px verdana, tahoma, arial, helvetica, san-serif;
	}

p
	{
	margin-bottom: 14px;
	line-height: 16px
	}

#all
	{
	margin: auto;
	width: 779px;
	text-align: left;
	padding-bottom: 20px
	}

.hide
	{
	display: none
	}

#top
	{
	background: #2a4459;
	width: 779px;
	height: 98px;
	}

h1
	{
	font: normal 25px georgia, tahoma, arial, helvetica, san-serif;
	letter-spacing: -1px;
	color: #415d74;
	margin-bottom: 5px;
	margin-top: 0px;
	}

h4
	{
	font: bold 14px "Trebuchet MS", arial, san-serif;
	color: #415d74;
	padding: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	}

.ingress, .ingress2
	{
	font: italic 17px georgia, "Trebuchet MS", tahoma, arial, helvetica, san-serif;
	color: #3E5268;
	letter-spacing: -1px;
	margin-bottom: 40px
	}

.ingress2
	{
	margin-bottom: 5px
	}

a, a:link
	{
	color: #415d74;
	}

a:hover
	{
	color: #415d74;
	background: #ebe9e1;
	padding-top: 1px;
	padding-bottom: 1px;
	}

#page
	{
	border-top: 1px solid #dcdcdc;
	width: 779px;
	min-height: 350px;
	background: #fff url(../gfx/bg_content.png) no-repeat
	}

#content
	{
	width: 752px;
	margin-left: 27px;
	min-height: 350px;
	margin-top: 40px;
	background: #fff url(../gfx/bg_content.gif) top right no-repeat	
	}

#contentmargin
	{
	width: 480px;
	padding-bottom: 1px;
	}

#pageend
	{
	width: 779px;
	height: 63px;
	margin: 0px;
	padding: 0px;
	background: url(../gfx/pageend2.gif) no-repeat;
	clear: both
	}

#menu
	{
	width: 779px;
	height: 27px;
	background: #566c7d url(../gfx/1x1_white.gif) bottom repeat-x;
	font: normal 11px tahoma, arial, helvetica, san-serif;
	color: #fff;
	margin: 0px;
	padding: 0px;
	}

#menu ul
	{
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-left: 18px
	}

#menu ul li
	{
	font-size: 11px;
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
	}

#menu a
	{
	color: #fff;
	display: block;
	text-decoration: none;
	font-size: 11px;
	height: 21px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	margin: 0px
	}

#menu a:hover
	{
	color: #fff;
	background: #7F97AA url(../gfx/1x1_white.gif) bottom repeat-x;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 0px;
	}


/* ----------------------------------------------------------[H1 HEADERS]--- */

h1 span
	{
	display: none
	}

h1.faq, h1.why, h1.works, h1.register, h1.getstarted, h1.services, h1.download, h1.contact, h1.who, h1.win, h1.macos, h1.store, h1.global, h1.share, h1.backup, h1.start, h1.login, h1.files, h1.info
	{
	width: 276px;
	height: 37px;
	margin: 0px;
	background: url(../gfx/h1faq.gif) no-repeat
	}

h1.why		{background: url(../gfx/h1why.gif) no-repeat}
h1.works	{background: url(../gfx/h1works.gif) no-repeat}
h1.register	{background: url(../gfx/h1register.gif) no-repeat}
h1.getstarted	{background: url(../gfx/h1getstarted.gif) no-repeat}
h1.services	{background: url(../gfx/h1services.gif) no-repeat}
h1.download	{background: url(../gfx/h1download.gif) no-repeat}
h1.contact	{background: url(../gfx/h1contact.gif) no-repeat}
h1.who		{background: url(../gfx/h1who.gif) no-repeat}
h1.win		{background: url(../gfx/h1win.gif) no-repeat}
h1.macos	{background: url(../gfx/h1macos.gif) no-repeat}
h1.store	{background: url(../gfx/h1store.gif) no-repeat}
h1.global	{background: url(../gfx/h1global.gif) no-repeat}
h1.share	{background: url(../gfx/h1share.gif) no-repeat}
h1.backup	{background: url(../gfx/h1backup.gif) no-repeat}
h1.start	{background: url(../gfx/h1startleft.gif) no-repeat}
h1.login	{background: url(../gfx/h1login.gif) no-repeat}
h1.files	{background: url(../gfx/h1files.gif) no-repeat}
h1.info		{background: url(../gfx/h1info.gif) no-repeat}


/* ----------------------------------------------------------[THE STARTPAGE]--- */


/* ---[THE TOP BOXES]--- */

#topboxes
	{
	width: 779px;
	height: 158px;
	background: url(../gfx/topboxar2.png) no-repeat;
	position: relative;
	margin-top: -61px;
	margin-left: -27px;
	}

#topboxes p
	{
	float: left;
	width: 100px;
	padding-left: 83px;
	margin-top: 36px;
	line-height: 12px
	}

p.topbox_p2
	{
	margin-left: 7px;
	margin-right: 14px
	}

p.topbox_p3
	{
	margin-right: 13px
	}

#topboxes a
	{
	color: #fff;
	text-decoration: none
	}

#topboxes a:hover
	{
	text-decoration: underline;
	padding: 0px;
	background: none;
	}


/* ---[THE TABLE AT THE STARTPAGE]--- */

#DatahotEllen
	{
	position: relative;
	width: 743px;
	background: url(../gfx/ellen_cut.jpg) no-repeat 351px top;
	}

#startright h1, #column_right h1
	{
	width: 218px;
	height: 39px;
	margin-top: 0px;
	background: url(../gfx/right_questions.gif) no-repeat
	}

#tech h1
	{
	background: url(../gfx/right_tech.gif) no-repeat
	}

#comments h1
	{
	background: url(../gfx/right_comments.gif) no-repeat
	}

#rooms h1
	{
	background: url(../gfx/right_rooms.gif) no-repeat
	}

#ask h1
	{
	background: url(../gfx/right_ask.gif) no-repeat
	}

.separator
	{
	width: 100%;
	height: 2px;
	margin-top: 15px;
	margin-bottom: 10px;
	background: url(../gfx/bg_separator.gif) repeat-x
	}

.date
	{
	color: #6a87a7
	}

#startleft
	{
	width: 351px;
	}

#startright
	{
	width: 225px;
	}

#column_right
	{
	width: 225px;
	padding-left: 5px;
	padding-right: 10px
	}

#startright h4, #column_right h4
	{
	font: bold 14px "Trebuchet MS", verdana, arial, san-serif;
	color: #d86d10;
	padding-left: 17px;
	padding-top: 5px;
	padding-right: 5px;
	margin-bottom: 0px;
	margin-top: 0px;
	background: url(../gfx/bubbla.gif) 0px 8px no-repeat
	}

#startright a, #column_right a
	{
	color: #6a87a7;
	}

#startright a:hover, #column_right a:hover
	{
	background: #fff;
	}

#tech h4
	{
	background: url(../gfx/micro_wrench.gif) 0px 8px no-repeat	
	}

#rooms h4
	{
	background: url(../gfx/micro_star.gif) 0px 6px no-repeat	
	}

#startright p, #column_right p, #ask p
	{
	color: #7a7666;
	line-height: 18px;
	margin-top: 3px;
	padding-left: 17px;
	padding-bottom: 25px;
	padding-right: 5px;
	margin-bottom: 10px;
	background: url(../gfx/bg_separator.gif) bottom repeat-x
	}

#ask p
	{
	padding-left: 17px;
	padding-right: 5px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	background: none
	}

#ask form
	{
	margin-left: 17px;
	}

big
	{
	float: left;
	margin: 5px;
	margin-top: -5px;
	margin-left: 0px;
	margin-right: 10px;
	padding: 0px;
	border-bottom: 3px solid #2A4459;
	color: #F07100;
	font: 20px "Arial Black", arial, helvetica, tahoma, san-serif
	}

#reasons h1
	{
	margin-top: 30px;
	margin-bottom: -10px;
	width: 276px;
	height: 37px;
	background: url(../gfx/h1reasons.gif) no-repeat
	}

p.simple, p.safe, p.free
	{
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 15px;
	padding-right: 7px;
	border-bottom: 1px dashed #2A4459;
	}

#reasons div
	{
	width: 100%
	}

#reasons h4
	{
	padding-left: 24px;
	background: url(../gfx/bock.gif) no-repeat
	}

#reasons div div
	{
	width: 146px;
	height: 45px;
	font-weight: bold;
	background: url(../gfx/big_but_ds.gif) no-repeat;
	padding-top: 3px;
	}

#reasons div div a
	{
	display: block;
	text-decoration: none;
	width: 136px;
	height: 25px;
	margin-left: -3px;
	color: #fff;
	font-weight: bold;
	background: url(../gfx/big_but.gif) no-repeat;
	padding-top: 8px;
	font: bold 12px verdana, arial, helvetica, tahoma, san-serif
	}


/* ----------------------------------------------------------[FAQ]--- */

#questions
	{
	margin-bottom: 10px;
	padding-bottom: 20px;
	}

#questions p
	{
	margin: 0px;
	margin-bottom: 3px;
	padding: 0px;
	padding-left: 15px;
	background: url(../gfx/small_dot.gif) no-repeat 0px 4px;
	border-bottom: 1px dashed #2A4459;
	padding-bottom: 4px;
	}

#questions a
	{
	text-decoration: none;
	}

.q
	{
	font: 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #415d74;
	padding-left: 17px;
	padding-top: 0px;
	margin-top: 15px;
	padding-bottom: 0px;
	margin-bottom: 4px;
	background: url(/media/gfx/bubbla.gif) 0px 4px no-repeat;	
	}

.a
	{
	padding-left: 17px;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #2A4459;
/*	background: url(/media/gfx/doctor.gif) no-repeat; */	
	}


/* ----------------------------------------------------------[THE FOOTER]--- */

#footer
	{
	width: 779px;
	margin-top: 9px;
	height: 51px;
	background: url(../gfx/bg_footer.gif) no-repeat;
	color: #fff
	}

#footer div
	{
	padding-top: 18px;
	margin-left: 20px
	}

#footer span
	{
	margin-right: 20px
	}

#footer a
	{
	color: #fff
	}


#footer a:hover
	{
	color: #ebe9e1;
	background: none
	}


/* ----------------------------------------------------------[FROM BROWSE.CSS]--- */

form
	{
	margin: 0px;
	padding: 0px	
	}


table#fileBrowser td
	{
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}

table#fileBrowser
	{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	border-bottom: 1px solid #dddad2;
	}

.browserHead
	{
	background: url(/media/gfx/home/bg_boxtop.gif) repeat-x;
	}

.browserHead td
	{
	padding: 4px;
	padding-bottom: 5px;
	border-bottom: 1px solid #446079;
	border-top: 1px solid #446079;
	font-weight: bold;
	color: #fff;
	}

.first
	{
	border-left: 1px solid #446079;	
	}

.last
	{
	border-right: 1px solid #446079;	
	}

.fileRow
	{
	height: 20px;
	}

.fileRow:hover{
	background-color: #e8e5da;
}

.fileRow td{
	padding: 3px;
	padding-top: 6px;
	padding-bottom: 2px;
}

.oddRow tr td{
	background-color: #f5f2e9;
}





td.icon{
	background: url(/media/gfx/home/ico_unknown.gif) no-repeat 5px 3px;
}

td.parent{
	background: url(/media/gfx/home/ico_parent.gif) no-repeat 5px 3px;
}

td.file{
	background-image: url(/media/gfx/home/ico_unknown.gif);
}
td.folder{
	background-image: url(/media/gfx/home/ico_folder.gif);
}
td.css{
	background-image: url(/media/gfx/home/ico_css.gif);
}
td.doc{
	background-image: url(/media/gfx/home/ico_doc.gif);
}
td.eps{
	background-image: url(/media/gfx/home/ico_eps.gif);
}
td.exe{
	background-image: url(/media/gfx/home/ico_exe.gif);
}
td.fla{
	background-image: url(/media/gfx/home/ico_fla.gif);
}

td.gif{
	background-image: url(/media/gfx/home/ico_gif.gif);
}

td.html{
	background-image: url(/media/gfx/home/ico_html.gif);
}

td.indd{
	background-image: url(/media/gfx/home/ico_indd.gif);
}

td.js{
	background-image: url(/media/gfx/home/ico_js.gif);
}

td.mp3{
	background-image: url(/media/gfx/home/ico_mp3.gif);
}

td.pdf{
	background-image: url(/media/gfx/home/ico_pdf.gif);
}

td.php{
	background-image: url(/media/gfx/home/ico_php.gif);
}
td.ppt{
	background-image: url(/media/gfx/home/ico_ppt.gif);
}
td.psd{
	background-image: url(/media/gfx/home/ico_psd.gif);
}
td.rar{
	background-image: url(/media/gfx/home/ico_rar.gif);
}
td.rtf{
	background-image: url(/media/gfx/home/ico_rtf.gif);
}
td.swf{
	background-image: url(/media/gfx/home/ico_swf.gif);
}
td.ttf{
	background-image: url(/media/gfx/home/ico_ttf.gif);
}
td.txt{
	background-image: url(/media/gfx/home/ico_txt.gif);
}
td.xls{
	background-image: url(/media/gfx/home/ico_xls.gif);
}
td.zip{
	background-image: url(/media/gfx/home/ico_zip.gif);
}
td.image{
	background-image: url(/media/gfx/home/ico_image.gif);
}
td.sound{
	background-image: url(/media/gfx/home/ico_sound.gif);
}
td.video{
	background-image: url(/media/gfx/home/ico_video.gif);
}


table#fileBrowser a
	{
	background-color: none;
	}

#browser
	{
	width: 480px;
	float: left;
	}

#browserMenu
	{
	width: 225px;
	float: right;
	margin-top: 22px;
	margin-right: 10px;
	_margin-right: 5px
	}

.clear
	{
	clear: both;
	height: 1px;
	}

.boxTop, .boxTop2
	{
	height: 22px;
	background: url(/media/gfx/home/bg_boxtop.gif) repeat-x;
	border: 1px solid #446079;
	color: #fff;
	margin-top: 15px
	}

.boxTop2
	{
	margin-top: 0px	
	}
	
.create, .upload, .menu, .delete
	{
	float: left;
	font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height: 15px;
	margin: 0px;
	margin-top: 4px;
	padding-left: 20px;
	background: url(/media/gfx/home/ico_create.gif) no-repeat 1px 1px;
	}

.upload
	{
	background: url(/media/gfx/home/ico_upload.gif) no-repeat 1px 0px;
	}

.noUpload
	{
	color: #415d74;
	padding-bottom: 10px;
	margin: 0px;
	text-align: left;
	padding-left: 60px;
	width: 147px;
	background: url(/media/gfx/alert.gif) no-repeat 1px 0px;
	font: normal 11px Tahoma, Arial, Helvetica, Verdana, sans-serif;
	}

.menu
	{
	background: url(/media/gfx/home/ico_menu.gif) no-repeat 4px 0px;
	}

.delete
	{
	background: url(/media/gfx/home/ico_delete.gif) no-repeat 1px 0px;
	}

#browserMenu ul
	{
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
	list-style: none;
	width: 225px;
	border-bottom: 1px solid #dddad2;
	}

#browserMenu ul li a, #browserMenu ul li a:link
	{
	background: url(/media/gfx/home/bg_menunormal.gif) repeat-x;
	color: #415d74;
	font: 11px Tahoma, Verdana, Arial, Helveteica, Sans-serif, Tahoma;
	display: block;
	text-decoration: none;
	padding: 0px;
	padding-top: 4px;
	padding-left: 21px;
	height: 19px;

	border-top: 1px solid #dddad2;
	border-left: 1px solid #dddad2;
	border-right: 1px solid #dddad2;
	}

#browserMenu ul li a:hover
	{
	background: url(/media/gfx/home/bg_menuactive.gif) repeat-x;
	color: #fff;
	font: 11px Tahoma, Verdana, Arial, Helveteica, Sans-serif, Tahoma;
	display: block;
	text-decoration: none;
	padding: 0px;
	padding-top: 4px;
	padding-left: 21px;
	height: 18px;
	border-top: 1px solid #c97f06;
	border-left: 1px solid #c97f06;
	border-right: 1px solid #c97f06;
	border-bottom: 1px solid #c97f06;
	}
	
.boxBody, .boxBody2
	{
	font: 10px Tahoma, Verdana, Arial, Helveteica, Sans-serif, Tahoma;
	color: #415d74;
	padding: 8px;
	padding-top: 14px;
	padding-bottom: 14px;
	background: #f5f2e9;
	border: 1px solid #dddad2;
	margin-bottom: 0px;
	text-align: right
	}

.boxBody2
	{
	height: 50px
	}
	
.field, .field2
	{
	padding-left: 3px;
	width: 136px;
	height: 16px;
	margin-right: 6px;
	background: #fff;
	border: 1px solid #dddad2;
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}
	
.field2
	{
	width: 205px;
	height: 20px;
	margin-right: 0px;
	margin-bottom: 4px
	}

.boxtext
	{
	width: 75px;
	height: 48px;
	padding-left: 15px;
	padding-right: 8px;
	padding-top: 8px; 
	font: normal 9px "Small Fonts MS", Tahoma, Arial, Helvetica, Verdana, sans-serif;
	color: #4c6c86;
	text-align: left;
	float: left;
	background: url(/media/gfx/home/bg_deletebox.gif) no-repeat;
	}
	
.browserButton, .browserButton2
	{
	font: normal 9px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	width: 57px;
	height: 20px;
	background: #47647d;
	color: #fff;
	border: none;
	ButtonFace: #ff0000;
	cursor: pointer
	}

.browserButton2
	{
	width: 101px;
	margin-bottom: 6px;
	float: right
	}
	
.minimize
	{
	display: block;
	float: right;
	margin-right: 2px;
	margin-top: 4px;
	width: 13px;
	height: 13px;
	background: url(/media/gfx/home/minimize.gif) no-repeat;		
	}
	
a:hover.minimize
	{
	background: url(/media/gfx/home/minimize.gif) no-repeat;		
	}
	
div#message{
	z-index: 1;
	width: 300px;
	height: 200px;
	position: absolute;
	margin: auto;
	top: 50%;
	background-color: #f5f2e9;
	border: 2px solid #45627a;
	text-align: center
	}

div#message h4{
	width: 100%;
	margin: 0px;
	text-align: center;
	font: bold 14px Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
	padding-top: 3px;
	padding-bottom: 6px;
	background: url(/media/gfx/home/bg_boxtop.gif);
	}

div#message p{
	width: 145px;
	margin: auto;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	padding-top: 52px;
	margin-bottom: 10px;
	margin-top: 15px;
	background: url(/media/gfx/home/alert.gif) top center no-repeat;
	}

div#message input
	{
	width: 100px;
	height: 30px;
	border: 1px solid #e27514;
	color: #fff;
	font: bold 11px tahoma, verdana, arial, helvetica, san-serif;
	background: #f58a40 url(../gfx/bg_regbut.gif) repeat-x;
	margin-top: 10px;
	clear: both
	}

#usedSpace
	{
	height: 20px;
	margin-left: 5px;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #415d74;
	padding-left: 17px;
	background:  url(/media/gfx/home/small_box.gif) no-repeat;
	}

#barHolder
	{
	height: 26px;
	_height: 28px;
	widht: 212px;
	background: #f5f2e9 url(/media/gfx/home/bg_barholder.gif) center no-repeat;
	border: 1px solid #dddad2;
	margin-bottom: 15px;
	}

.bar
	{
	margin-left: 12px;
	margin-top: 9px;
	font-size: 4px;
	border: 1px solid #c97f06;
	height: 6px;
	background: url(/media/gfx/home/bg_bar.jpg) no-repeat;
	}


/* =-=-=-=-=-=-=-[THE LOGIN SECTION]-=-=-=-=-=-=-=- */

#login 
	{
	display: block;
	padding-right: 2px;
	_padding-right: 5px;
	position: relative;
	width: 285px;
	height: 36px;
	background: url(/media/gfx/bg_login.png) no-repeat;
	top: 0px;
	padding-top: 12px;
	}

#login2
	{
	display: none; 
	}

#login .username
	{
	font-size: 11px;
	height: 13px;
	background: url(/media/gfx/bg_input.gif) repeat-x;
	width: 106px;
	margin-left: 18px;
	}


#login .password
	{
	font-size: 11px;
	height: 13px;
	background: url(/media/gfx/bg_input.gif) repeat-x;
	margin-left: 5px;
	margin-right: 5px;
	width: 97px;
	}


#login .button
	{
	font: bold 10px tahoma, Verdana, Arial, Helvetica, sans-serif;
	width: 39px;
	height: 19px;
	margin-top: -2px;
	cursor: pointer;
	padding-bottom: -3px;

	border: 1px solid #e27514;
	color: #fff;
	background: #f58a40 url(../gfx/bg_regbut.gif) repeat-x;
	}

/* =-=-=-=-=-=-=-[SWF UPLOAD SERVICE]-=-=-=-=-=-=-=- */

					
#fsUploadProgress1{
	border: 0px solid black; 
	padding: 0px;
	margin: 0px;
}					
.progressWrapper {
	width: 207px;
	overflow: hidden;
}
.progressContainer {
	margin: 0px;
	margin-bottom: 3px;
	padding: 4px;
	
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	text-align:left;
	overflow: hidden;
}
.red /* Error */
{
	border: solid 1px #ff9435;
	background-color: #ffe5cd;
}
.green /* Current */ 
{
	border: 1px solid #cecbbf ;
	background-color: #E8E5DA;
}
.blue /* Complete */
{
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	background-image: url(/media/gfx/page_published.gif);
	background-repeat: no-repeat;
	background-position: 180px 10px;
}

.progressName {
	font-size: 9px;
	font-weight: bold;
	color: #555555;
	
	width: 170px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0px;
	width: 0%;
	height: 3px;
	background-image: url(/media/gfx/progressbar-bg.gif);
	margin-top: 1px;
}
.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}
.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}
.progressBarStatus {
	margin-top: 1px;
	width: 180px;
	font-size: 9px;
	font-family: Verdana;
	text-align: left;
	white-space: nowrap;
}
a.progressCancel,
a.progressCancel:link,
a.progressCancel:active,
a.progressCancel:visited,
a.progressCancel:hover
{

	font-size: 0px;
	display: block;
	height: 16px;
	width: 14px;
	
	background-image: url(/media/gfx/home/ico_delete.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: right;
}
a.progressCancel:hover 
{
	background-position: 0px 0px;
}
.uploadButton{
	width: 110px;
}