/* common.css */

body 	{
	margin-top: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

.container { 
	text-align: left;
	margin: 0 auto;
	padding: 0 10px;
	width: 910px;
	}

a {
/**	color: #0066dd; **/
	color: #262986;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	}
	
h1, h2, h3 {
  margin: 0px;
  padding: 0px; }
  
h1 { font-size: 12px; font-weight: bold; font-style: italic; }
 
.pipe {
  color: gray;
  padding: 0px 3px; }
  

.tab5b {
			float:left;
      display:block;
      background:url("./images/tabs/recessed-tabs.gif") right top;
      padding:5px 12px 5px 5px;
	  	margin-right: 50px;
	
      }
  
.tab5a {
      float:left;
      display:block;
      background:url("./images/tabs/tabright6.gif") right top;
      padding:5px 12px 5px 5px;
	  	margin-right: 50px;
	  	
      }
 /*************************** NEW MAIN TABS *******************************/
 
     #tabs {
      float:left;
	  width: 330px;
      font-size: 14px;
	  font-weight: bold;
      line-height:normal;
      }
    #tabs ul {
        margin:0;
        padding:10px 0px 0 0px;
        list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
	  line-height: 20px;
      }
    #tabs a {
      float:left;
      background:url("images/tabs/tableftx.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 7px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("images/tabs/tabrightx.gif") no-repeat right top;
      padding:5px 12px 5px 5px;
	  margin-right: 4px;
      color:#fff;
      }
	  
	 #tabs .orange a {
      float:left;
      background:url("images/tabs/tableft_orange.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 7px;
      text-decoration:none;
      }
    #tabs .orange a span {
      float:left;
      display:block;
      background:url("images/tabs/tabright_orange.gif") no-repeat right top;
      padding:5px 12px 5px 5px;
	  margin-right: 2px;
      color:#fff;
      }
	  
	 #tabs .green a {
      float:left;
      background:url("images/tabs/tableft_green.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 7px;
      text-decoration:none;
      }
    #tabs .green a span {
      float:left;
      display:block;
      background:url("images/tabs/tabright_green.gif") no-repeat right top;
      padding:5px 12px 5px 5px;
	  margin-right: 2px;
      color:#fff;
      }
	  
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FF9834;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }
	  
	#tabs .orange a:hover {
      background-position:0% -42px;
	  color: #FF9834;
      }
    #tabs .orange a:hover span {
      background-position:100% -42px;
	  color: #FF9834;
      }

	#tabs .green a:hover {
      background-position:0% -42px;
	  color: #FF9834;
      }
	  
    #tabs .green a:hover span {
      background-position:100% -42px;
	  color: #72c231;
      }

    #tabs .current a {
		background-position:0% -42px;
		color: #0066dd;
        }
		
    #tabs .current a span {
    	background-position:100% -42px;
		color: #0066dd;
        }

   #toptab_2.current a {
		background-position:0% -42px;
		color: #53a510;
        }

    #toptab_2.current a span {
		background-position:100% -42px;
		color: #53a510;
        }

		
 
 /*************************** END NEW MAIN TABS *******************************/ 
 
 
 /*************************** NEW VIEW TABS *******************************/
 
     #viewtabs {
      float:left;
	 
      font-size: 14px;
	  font-weight: bold;
      line-height:normal;
      }
    #viewtabs ul {
        margin:0;
        padding:0px 0px 0 0px;
        list-style:none;
		background: #fff;
      }
    #viewtabs li {
      display:inline;
      margin:0;
      padding:0;
	  line-height: 20px;
      }
    #viewtabs a {
      float:left;
      background:url("../images/tabs/tableft_view.gif") no-repeat left top;
	  		background-position:0% -42px;
      margin:0;
      padding:0 0 0 7px;
      text-decoration:none;
      }
    #viewtabs a span {
      float:left;
      display:block;
      background:url("../images/tabs/tabright_view.gif") no-repeat right top;
	  		background-position:100% -42px;
      padding:3px 12px 2px 5px;
	  margin-right: 4px;
      color: #0066dd;
      }
	  
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #viewtabs a span {float:none;}
    /* End IE5-Mac hack */

    #viewtabs a:hover {
		background-position:0% 0px;
		color: #fff;
        }
    #viewtabs a:hover span {
    	background-position:100% 0px;
		color: #fff;
        }

    #viewtabs .current a {
		background-position:0% 0px;
		color: #fff;
        }
		
    #viewtabs .current a span {
    	background-position:100% 0px;
		color: #fff;
        }

		
 
 /*************************** END NEW VIEW TABS *******************************/ 
 
 
 
 
 
 
 
 /**************************** NEW CORNERS ***********************************/
 
 /***Lightblue box on white bg **/
.nogfx_crnr_lb-w{display:block}
.nogfx_crnr_lb-w *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#cce6ff}
.nogfx_crnr_lb-w1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e9f4ff;
  border-right:1px solid #e9f4ff;
  background:#d8ecff}
.nogfx_crnr_lb-w2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f9fcff;
  border-right:1px solid #f9fcff;
  background:#d5eaff}
.nogfx_crnr_lb-w3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #d5eaff;
  border-right:1px solid #d5eaff;}
.nogfx_crnr_lb-w4{
  border-left:1px solid #e9f4ff;
  border-right:1px solid #e9f4ff}
.nogfx_crnr_lb-w5{
  border-left:1px solid #d8ecff;
  border-right:1px solid #d8ecff}
.nogfx_crnr_lb-wfg{
  background:#cce6ff}
  
 /**blue box on light blue (top of uploader)**/
 
.nogfx_crnr_b-lb{display:block}
.nogfx_crnr_b-lb *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#0554bf}
.nogfx_crnr_b-lb1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #6ba3e3;
  border-right:1px solid #6ba3e3;
  background:#3177cf}
.nogfx_crnr_b-lb2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #a6d2f8;
  border-right:1px solid #a6d2f8;
  background:#276ecb}
.nogfx_crnr_b-lb3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #276ecb;
  border-right:1px solid #276ecb;}
.nogfx_crnr_b-lb4{
  border-left:1px solid #6ba3e3;
  border-right:1px solid #6ba3e3}
.nogfx_crnr_b-lb5{
  border-left:1px solid #3177cf;
  border-right:1px solid #3177cf}
.nogfx_crnr_b-lbfg{
  background:#0554bf}

  
/**teal box on light blue (bottom of uploader) **/
.nogfx_crnr_tlb-lb{display:block}
.nogfx_crnr_tlb-lb *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#189ce7}
.nogfx_crnr_tlb-lb1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #73c2f4;
  border-right:1px solid #73c2f4;
  background:#40aded}
.nogfx_crnr_tlb-lb2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #a8d9fc;
  border-right:1px solid #a8d9fc;
  background:#36a8eb}
.nogfx_crnr_tlb-lb3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #36a8eb;
  border-right:1px solid #36a8eb;}
.nogfx_crnr_tlb-lb4{
  border-left:1px solid #73c2f4;
  border-right:1px solid #73c2f4}
.nogfx_crnr_tlb-lb5{
  border-left:1px solid #40aded;
  border-right:1px solid #40aded}
.nogfx_crnr_tlb-lbfg{
  background:#189ce7}

sharetab {
      border-left:1px solid #73c2f4;
  		border-right:1px solid #73c2f4
  }
  
/**light blue box on white **/
.nogfx_lightblue {display:block}
.nogfx_lightblue *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#e7f4ff}
.nogfx_lightblue1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f4faff;
  border-right:1px solid #f4faff;
  background:#edf6ff}
.nogfx_lightblue2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fcfdff;
  border-right:1px solid #fcfdff;
  background:#ebf6ff}
.nogfx_lightblue3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ebf6ff;
  border-right:1px solid #ebf6ff;}
.nogfx_lightblue4{
  border-left:1px solid #f4faff;
  border-right:1px solid #f4faff}
.nogfx_lightblue5{
  border-left:1px solid #edf6ff;
  border-right:1px solid #edf6ff}
.nogfx_lightbluefg{
  background:#e7f4ff}
  
/** white on light blue **/
.nogfx_lightblue_white{display:block}
.nogfx_lightblue_white *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.nogfx_lightblue_white1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f1f8ff;
  border-right:1px solid #f1f8ff;
  background:#f9fcff}
.nogfx_lightblue_white2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e9f5ff;
  border-right:1px solid #e9f5ff;
  background:#fafcff}
.nogfx_lightblue_white3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #fafcff;
  border-right:1px solid #fafcff;}
.nogfx_lightblue_white4{
  border-left:1px solid #f1f8ff;
  border-right:1px solid #f1f8ff}
.nogfx_lightblue_white5{
  border-left:1px solid #f9fcff;
  border-right:1px solid #f9fcff}
.nogfx_lightblue_whitefg{
  background:#ffffff}


  
 /*****************************END NEW CORNERS *********************************************/ 
 
 
 
 
 
 
 
 /******************************** POPUP SHARING SELECTION **********************************/


a.sharingmode_button { display: block; width: 402px; height: 77px; padding: 5px 10px; background: url(../images/bg/bigbluebutton.gif); color: #fff; margin: 15px 0; cursor: pointer; text-decoration: none;}
 
a.sharingmode_button:hover { background-position: 100% -87px; text-decoration: none;}

#page_screen
{
   background-color:#000;
   filter: alpha(opacity=0);
   opacity: 0;     
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   display:none;
   z-index: 1000;
}

#sharingmode_popup, #root_explanation_popup
{
   width:423px;
   height:302px;
   background: url(../images/bg/popup.gif);
   position:absolute;
   padding: 15px;
   top:0px;
   left:0px;
   z-index: 1001;
}
 
 
 
 /******************************** END POPUP SHARING SELECTION ******************************/
 

#whatsnew { width: 100px; height: 34px; float: right; background: url(../images/whats_new.gif);}

.hide_header { display: none }

#main_login {}
#main_create {}

#notloggedin.prelogin { display: block; }
#notloggedin { display: none; }

#loggedin.prelogin { display: none; }
#loggedin { display: block; }

.main_login {
	position: absolute;
	margin-left: -250px;
	width: 220px;
	height: 245px;
	background: #ffffff;
	border-left: solid 1px #dae9fd;
	border-right: solid 1px #dae9fd;
	border-bottom: solid 1px #dae9fd;
	float:right;
	padding: 5px;
	margin-right: 7px;
	font-size: 11px;
	color: #0183e7;
	z-index: 500;
	}

.main_login a {
	text-decoration: none;}

.main_login a:hover {
	text-decoration: underline;}
	
.login_header {
	margin-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;
	font-weight: bold;
	text-align: left;
	}

#tell_a_friend {
	padding-top: 5px;
	padding-right: 15px;
	text-align: right;
	z-index: 1;
	}

#tell_a_friend a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #0183e7;
	}

#tell_a_friend a:hover {
	border-bottom: 1px solid #00CC00;
	color: #00CC00;	
	}



#container {
	font-size: 1em;
	margin: 0 auto;
	text-align: center;
	width: 100%;}

#logo {
	position: absolute;
	left: 11px;
	top: 10px;
	width: 334px;
	height: 55px;}

.account {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;}

a.account:link { 
	color: #FFFFFF; 
	text-decoration: none; }
	
a.account:hover { 
	text-decoration: underline; }

a.close {
	font-weight: bold;
	color: #0066dd;
	background: #e8f5ff;
	text-decoration: none;
	font-size: 14px;
}

a.close:hover {
	font-weight: bold;
	color: #FFFFFF;
	background: #0066dd;
	text-decoration: none;
}

#FunctionsContainer { 
		margin-top: 0px;
		padding-top: 40px;}

#header_line {
		background: #0066dd;
		height: 5px;
		}

#upload_search_box {
	margin: 0 0 0 0;
	padding: 0;	}
	
.small {
	font-size: 10px; }

#header_box {
	width: 750px;
	background-color: #1391f0;
	color: #FFFFFF;
	margin: 0 0 0 0;
	}
	
#header_box .content {    
	border: 1px solid #1391f0;}
	
#inner_header_box {color: #FFFFFF;}

#inner_header_box .small a {
	color: #FFFF66;
	}

	
/****** Forms ***********/


.form {
	margin: 0px 0px 0px 0px;
	font-size: 13px;
	font-weight: bold;
	}

.login_box {  width: 205px; border: #7dc7ff 1px solid;}

#submit_login {
	border-top: #7dc7ff 1px solid;
	border-left: #7dc7ff 1px solid;
	border-right: #2081cc 1px solid;
	border-bottom: #2081cc 1px solid;
	margin-top: 5px;
	background: #f8fcff;
	font-size: 14px;
	font-weight: bold;
	color: #118be9;
	height: 25px;}

#reg_submit {
	border-top: #ffe774 1px solid;
	border-left: #ffe774 1px solid;
	border-right: #ffa800 1px solid;
	border-bottom: #ffa800 1px solid;
	margin-top: 3px;
	background: #fffdd0;
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
	width: 190px;
	color: #ff9600;
	height: 25px;}
	
	
/****** Upload Class **********/

#browse_box {
	width: 400px;
	background-color: #FFFFFF;
	}
	
#browse_box .content {    
	border: 1px solid #FFFFFF;}

.browse {
	color: #000000; 
	background: #ffffff; 
	border: 1px solid #ffffff;}

#header { 
	background: #0554bf url("../images/bg/upload_box.gif") bottom repeat-x ;
	text-align: center;
	position: relative;
	}

#left_upload_tab.selected{
	background: url(../images/tab_selected_left.gif);}

#upload_tab.selected {
	background: #0066dd url(../images/tab_selected_bg.gif);}

#upload_tab a.selected {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	float: left;
	margin: 4px 10px 4px 10px;
	font-weight: 800;
	color: #FFFFFF;
	text-decoration: none;}
	
#upload_content {
	width: 750px;
	color: #FFFFFF;
	color: #FFFFFF;
	padding: 15px 15px 5px 15px;
	margin: auto;
	text-align: center;
	}

#right_upload_tab.selected {
	background: url(../images/tab_selected_right.gif);}

#left_files_tab.notselected {
	background: url(../images/tab_notselected_left.gif);}

#files_tab.notselected {
	background: url(../images/tab_notselected_bg.gif);}
	
#files_tab a.notselected {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	float: left;
	margin: 4px 10px 4px 10px;
	font-weight: 800;
	color: #FFFFFF;
	text-decoration: none;}

#search_content.upload {
	display: none;
	}

#right_files_tab.notselected {
	background: url(../images/tab_notselected_right.gif);}


/********* File Psudo-Class  **********/
.notselected {}

#left_upload_tab {
	background: url(../images/tab_notselected_left.gif);}

#upload_tab {
background: url(../images/tab_notselected_bg.gif);
}

#upload_tab a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	float: left;
	margin: 4px 10px 4px 10px;
	font-weight: 800;
	color: #FFFFFF;
	text-decoration: none;}
	

#right_upload_tab {
	background: url(../images/tab_notselected_right.gif);}

#left_files_tab {
	background: url(../images/tab_selected_left.gif);}

#files_tab {
	background: url(../images/tab_selected_bg.gif);}
	
#files_tab a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	float: left;
	margin: 4px 10px 4px 10px;
	font-weight: 800;
	color: #FFFFFF;
	text-decoration: none;}

#search_content {
	display: block;
	text-align: center;
	margin: 0 0 0 0;
	padding-top: 10px;
	width: 470px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 800;
	color: #FFFFFF;
	font-size: 15px;}

#right_files_tab {
	background: url(../images/tab_selected_right.gif);}


/*********************** Generic TABS  ***************************/

.sharedtab {
	background: #0066dd ;
}

.left_tab_selected{
	background: url(../images/tab_selected_left.gif);}

.tab_selected {
	background: #0066dd ;}

a.selected {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	float: left;
	line-height: 25px;
	margin: 0 10px 0 10px;
	font-weight: 800;
	color: #FFFFFF;
	text-decoration: none;}
	
.right_tab_selected {
	background: url(images/tab_selected_right.gif);}

.left_tab_notselected {
	background: url(../images/tab_notselected_left.gif);}

.tab_notselected {
	background: url(../images/tab_notselected_bg.gif);}
	
a.notselected {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	float: left;
	line-height: 25px;
	margin: 0 10px 0 10px;
	font-weight: 800;
	color: #FFFFFF;
	text-decoration: none;}
	
.right_tab_notselected {
	background: url(../images/tab_notselected_right.gif);}




/******* Rounded Corners  *******/
.roundedCornerSpacer {
    margin: 0px; padding: 0px; border: 0px;
    clear: both;
    font-size: 1px; line-height: 1px;
}
/* In the CSS below, the numbers used are the following:
    1px: the width of the border
    3px: a fudge factor needed for IE5/win (see below)
    4px: the width of the border (1px) plus the 3px IE5/win fudge factor
    14px: the width or height of the border image
*/
.borderTL, .borderTR, .borderBL, .borderBR {
    width: 6px; height: 6px;
    padding: 0px; border: 0px;
    z-index: 99;
}
.borderTL, .borderBL { float: left; clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin: -1px 0px 0px -1px; }
.borderTR { margin: -1px -1px 0px 0px; }
.borderBL { margin: -6px 0px 0px 0px; }
.borderBR { margin: -6px 0px 0px 0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px! Why? */
.borderTL {
    margin-left: -4px;
    ma\rgin-left: -1px;
}
html>body .borderTL {
    margin-left: -1px;
}
.borderTR {
    margin-right: -4px;
    ma\rgin-right: -1px;
}
html>body .borderTR {
    margin-right: -1px;
}
.borderBL {
    margin-left: -3px;
    ma\rgin-left: 0px;
}
html>body .borderBL {
    margin-left: 0px;
}
.borderBR {
    margin-right: -3px;
    ma\rgin-right: 0px;
}
html>body .borderBR {
    margin-right: 0px;
}

/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the contentWrapper class. */
   
.content {
    margin: 0px;
    padding: 0px;
}

/****** FAQ PAGE *********/

.gray_header {
font-size: 16px; font-weight: bold; color:#666666;
}

/***** END FAQ PAGE **********/

/********* Account Page *********/

.search_textarea {
	font-size: 14px;
	background: #fff url(../images/textbox_graybg.gif) repeat-x;
	border: 1px #d0d0d0 solid;
	padding: 3px;
	color: #666666;
  }

/*********
.form_success {padding: 10px; background: #F4FFF5; border: 1px #00CC00 solid; color: #004400; margin: 0 0 10px 0; text-align: center; font-weight: bold;}

.form_error {padding: 10px; background: #FFECEC; border: 1px #FF0000 solid; color: #990000; margin: 0 0 10px 0; text-align: center; font-weight: bold; }

.form_caution { padding: 10px; background: #FFFBE8; border: 1px #FF9900 solid; color: #C46700; margin: 0 0 10px 0; text-align: center; font-weight: bold; }

 ********/


.blue_header {
	font-size: 16px;
	font-weight: bold;
	color:#0066dd;
	background: #f5f9fe; 
	padding: 6px 0 2px 10px; 
	border-bottom: 1px solid #dceafd;
	}

#personal_info { background: #fff; margin-right: 15px;}


#personal_info div span { font-weight: bold; line-height: 150%;}


.entered { color: #000000}

.entered a { font-weight: bold; }

.edit_box {  background: #fefefe; border: #f1f1f1 1px solid; padding: 10px; width: 270px; font-size: 126%;}

.stats_header {
padding: 3px 5px 2px 5px; 
font-weight: bold; 
color: #0066dd;
font-size: 14px;
	}

.stats_box {
	width: 195px;
	background-color: #f5f9fe;
	margin-top: 0px;
	}
	
.stats_box_content {    
	border: 1px solid #dceafd;
	margin: 0px;
    padding: 0px;
	}
	
.stats_inner_box {
	width: 183px;
	margin: 5px;
	background-color: #fff;
	}
	
.stats_inner_box_content {    
	border: 1px solid #dceafd;
	margin: 0px;
    padding: 0px;
	}
.side_link { margin: 5px 0 5px 0;}

.inner_box_content a {
	font-size: 12px;
	}
	
.nav {
  list-style: none;
  margin: 0px;
  padding: 0px 0px; }
  
.nav li {
  border-bottom: 1px solid #d8dfea;
  font-size: 13px; }
  
.nav li a {
  background: #eee;
  background: white;
  border-bottom: 1px solid green;
  border: 0;
  display: block;
  padding: 2px 3px; }
  
.nav li a:hover {
  background: #f8fbff;
  color: #0066dd; }

.nav li a.dropdown {
  background: #eee;
  background: white;
  border-bottom: 1px solid green;
  border: 0;
  display: block;
  padding: 2px 3px; }
  
.nav li a:hover.dropdown {
  background: #f8fbff url(../images/icon-dropdn.gif) no-repeat right; 
  color: #0066dd; }





	
/****** Footer ******/	

#footer {
	clear: both;
	padding-top: 20px;
	margin-bottom: 1em;
	color: #888;
	text-align: center;
}

#footer_bar {
	width: 100%;
	border-top: 1px #b9dcff solid; 
	border-bottom: 1px #b9dcff solid; 
	background: #f8fbfe; 
	position: relative; 
	text-align: center;
	height: 35px;
}

.footer_link {  
	padding-left: 27px;
	float: left;
	position: relative;
	text-align: center;
	line-height: 35px;
}

#footer p {
	margin: 0.3em;
	clear: both;
}

.footer_link a {
	color: #008af2;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.footer_link a:hover {
	text-decoration: underline;
	}
	
	
.small-print {
	font-size: 10px;
	color: #888;
}

.small-print a:link,
.small-print a:visited {
	color: #888;
}

.small-print a:hover,
.small-print a:active {
	color: #333;
}




/* MyFiles.css */

.myfiles_container { text-align: left; margin: 0 auto; max-width: 1000px; min-width: 580px; clear: both; padding: 0 15px 15px 0;}


/**** LEGACY ****/
.filename_column a {
	font-size: 13px;
	font-weight: bold;
	color: #0066dd;
	text-decoration: none;
}


/********* MY FILES HEADER   *******/

.myfiles_header, .myfiles_shared_header { margin: 0px; position: relative; height: 33px }

.myfiles_header h2, .myfiles_shared_header h2 { 
	padding: 5px 0 5px 10px;
	font-size: 18px
	}

.breadcrumbs { padding: 10px 0 5px 0; overflow: hidden; }

.breadcrumbs h3 {
	padding-top: 5px;
	padding-left: 10px;
	font-size: 12px;
	color: #49a3e8;
	padding-bottom: 5px;
	margin-bottom: 5px;
	}

.breadcrumbs h3 a {
	color: #49a3e8;
	}

.breadcrumbs strong { color: #0066dd; }

#sharediv1001 { background: none; }

#sharediv1002 { background: none; }


/********* END MY FILES HEADER   *******/


/**********  GALLERY or LIST VIEW  **********/

.active_view {
float: right; 
width: 80px; 
text-align: center; 
background:#E6FFE1; 
border: 2px #00CC00 solid; 
font-size: 11px;
font-weight: normal;
padding: 2px; 
color: #009900; 
margin: 0 5px 0 5px; 
position: relative; 
top: 6px;
cursor: pointer;
}

.inactive_view {
float: right; 
width: 80px; 
text-align: center; 
background: #F3F3F3; 
border: 1px #cccccc solid; 
font-size: 11px;
font-weight: normal;
padding: 3px; 
color: #999999; 
margin: 0 5px 0 5px; 
position: relative; 
top: 6px;
cursor: pointer;
}

.active_view a { text-decoration: none }
.active_view a:hover { text-decoration: none }
.active_view a:active { text-decoration: none }
.active_view a:visited { text-decoration: none }

.inactive_view a { text-decoration: none }
.inactive_view a:hover { text-decoration: none }
.inactive_view a:active { text-decoration: none }
.inactive_view a:visited { text-decoration: none }


/********** END GALLERY or LIST VIEW  **********/

/********** SHARE THIS PAGE  **********/



/********** SHARE THIS PAGE  **********/


/******** PAGE NUMBERS **********/

.page_numbers { float: right; text-align: center; color: #0099FF; margin: 0 5px 0 5px; }

.page_numbers a { display: block; float: left; padding: 0 4px 0 4px; margin-top: -1px;}
.page_numbers a:hover { background: #E1F1FF; padding: 0 4px 0 4px; }

a.current_page {display: block; float: left; background:#0066dd; color: #FFFFFF; font-size: 14px; line-height: 20px; height: 20px; padding: 0 6px 0 6px; margin-top: -3px; margin-left: 2px; margin-right: 2px;}
a.current_page:hover {background:#0066dd; line-height: 20px; height: 20px; padding: 0 6px 0 6px; margin-top: -3px;  margin-left: 2px; margin-right: 2px; }

/********* END PAGE NUMBERS ***********/
.select_header {
	padding: 5px 5px 5px 10px;
	margin: 4px 1px 4px 1px;
	background: #E1F1FF;
	color: #0066dd;
	
}

.select_header a {

}


#section_header {
	font-size: 23px;
	color: #0066dd;
	font-weight: bold;
	margin: 0 0 10px 0;
	text-align: left;
	}

.selection_header {
padding: 3px 5px 2px 5px; 
font-weight: bold; 
color: #0066dd; 
font-size: 14px;
	}
	

.selection_box {
	width: 195px;
	background-color: #cce6ff;
	}
	
.selection_box_content {    
	border: 1px solid #cce6ff;
	margin: 0px;
    padding: 0px;
	}
	
	
.search_header {
padding: 3px 5px 2px 5px; 
font-weight: bold; 
color: #49a3e8; 
font-size: 14px;
	}
	

.search_box {
	width: 195px;
	background-color: #eee;
	margin-top: 10px;
	}
	
.search_box_content {    
	border: 1px solid #eee;
	margin: 0px;
    padding: 0px;
	}

.createfolder_header {
padding: 3px 5px 2px 5px; 
font-weight: bold; 
color: #a87a22; 
font-size: 14px;
	}

.createfolder_box {
	width: 195px;
	background-color: #fff19f;
	margin-top: 10px;
	}
	
.createfolder_box_content {    
	border: 1px solid #fff19f;
	margin: 0px;
    padding: 0px;
	}

.account_header {
padding: 3px 5px 2px 5px; 
font-weight: bold; 
color: #666666;
font-size: 14px;
	}
	

.account_box {
	width: 195px;
	background-color: #fff;
	margin-top: 10px;
	}
	
.account_box_content {    
	border: 1px solid #dceafd;
	margin: 0px;
    padding: 0px;
	font-size: 11px;
	}



.inner_box {
	width: 183px;
	margin: 5px;
	background-color: #fff;
	}
	
.inner_box_content {    
	border: 1px solid #fff;
	margin: 0px;
    padding: 0px;
	}
.side_link { margin: 5px 0 5px 0;}

.inner_box_content a {
	font-size: 12px;
	}

.button2 {
	font-size: 11px;
	margin: 5px;
	background: #fff;
	border: 1px #0066dd solid;
	color: #0066dd;
	}
	
.yellow_btn {
	border-top: #ffe774 1px solid;
	border-left: #ffe774 1px solid;
	border-right: #ffa800 1px solid;
	border-bottom: #ffa800 1px solid;
	margin: 5px;
	background: #fffdd0;
	padding: 3px;
	color: #ff9600;
	height: 25px;}

	
.edit_textarea {
	font-size: 14px;
	background: #FFF;
	border: 1px #E1E1E1 solid;
	padding: 6px;
	color: #666666;
	width: 203px;
  }
  
.edit_filename {
	font-weight: bold;
	font-size: 14px;
	color: #555;
	background: #FEFFDF;
	border: 1px #E1E1E1 solid;
	padding: 8px;
	width: 210px;
  }
 
 
.create_textarea {
	font-size: 14px;
	background: #fff url(../images/textbox_graybg.gif) repeat-x;
	border: 1px #ffe774 solid;
	padding: 3px;
	color: #666666;
  }
 

.button3 {
font-size: 13px;
	}


/******  SIDE NAV  *********/

.nav {
  list-style: none;
  margin: 0px;
  padding: 0px 0px; }
  
.nav li {
  font-size: 13px; 
  border-bottom: 1px #FFFFFF solid;}
  
.nav li a {
  border: 0;
  display: block;
  padding: 3px 3px 3px 25px; 
  }

.nav li div a {
  border: 0;
  display: block;
  padding: 0; 
  }


.nav li a:hover {
  background: #E1EDFF;
  color: #0066dd; text-decoration: none; }
  
  
.nav li a.newfolder {
  background: url(../images/icons/folder.gif) no-repeat 3px 2px;
}

.nav li a:hover.newfolder {
  background: #E1EDFF url(../images/icons/folder.gif) no-repeat 3px 2px; 
  color: #0066dd; text-decoration: none;}
  
.nav li a.tagselected {
  background: url(../images/icons/tag.gif) no-repeat 4px 3px;
}

.nav li a:hover.tagselected {
  background: #E1EDFF url(../images/icons/tag.gif) no-repeat 4px 3px; 
  color: #0066dd; text-decoration: none;}

.nav li a.moveselected {
  background: url(../images/icons/move.gif) no-repeat 3px 2px;
}

.nav li a:hover.moveselected {
  background: #E1EDFF url(../images/icons/move.gif) no-repeat 3px 2px; 
  color: #0066dd; text-decoration: none;}
  
.nav li a.emailselected {
  background: url(../images/icons/email.gif) no-repeat 3px 3px;
}

.nav li a:hover.emailselected {
  background: #E1EDFF url(../images/icons/email.gif) no-repeat 3px 3px; 
  color: #0066dd; text-decoration: none;}
  
.nav li a.deleteselected {
  background: url(../images/icons/delete.gif) no-repeat 3px 3px;
}

.nav li a:hover.deleteselected {
  background: #E1EDFF url(../images/icons/delete.gif) no-repeat 3px 3px; 
  color: #0066dd; text-decoration: none;}
  
  
.nav li a.advancedtoggle {
  background: url(../images/icons/table_refresh.gif) no-repeat 4px 3px;
}

.nav li a:hover.advancedtoggle {
  background: #E1EDFF url(../images/icons/table_refresh.gif) no-repeat 4px 3px; 
  color: #0066dd; text-decoration: none;}
  
.nav li a.accountdrop {
  background: url(../images/icons/user.gif) no-repeat 3px 2px;
}

.nav li a:hover.accountdrop {
  background: #E1EDFF url(../images/icons/user.gif) no-repeat 3px 2px; 
  color: #0066dd; text-decoration: none;}  

.nav li a.savetomfaccount {
  background: url(../images/icons/flame.gif) no-repeat 3px 2px;
}

.nav li a:hover.savetomfaccount {
  background: #E1EDFF url(../images/icons/flame.gif) no-repeat 3px 2px; 
  color: #0066dd; text-decoration: none;} 
  
 

/******** END SIDE NAV  ********/


.myfiles_location {
	font-size: 18px;
	margin-bottom: 10px;
	color: #666;
}

.parent_folder {
	color: #aad7f9;
}

.parent_folder a {
	color: #aad7f9;
}

.parent_folder a:hover {
	color: #0066dd;
	text-decoration: underline;
}

.current_folder {
	color: #0066dd;
}

.current_folder a:hover {
	color: #0066dd;
	text-decoration: underline;	
}

.fileicon {
  text-align: center;
  margin: 2px 10px 2px 10px;
  height: 32px;
  width: 32px;
}

.file_even .folder_img {
  text-align: center;
  margin: 10px 5px 10px 5px;
  height: 26px;
  width: 26px;
  background: url(../images/folder_bluebg.gif) no-repeat;
}

.file_odd .folder_img {
  text-align: center;
  margin: 10px 5px 10px 5px;
  height: 26px;
  width: 26px;
  background: url(../images/folder_whitebg.gif) no-repeat;
}

.video_img {
  text-align: center;
  margin: 10px 5px 10px 5px;
  height: 26px;
  width: 26px;
  background: url(../images/video_icon.gif) no-repeat;

}

.music_img {
  text-align: center;
  margin: 10px 5px 10px 5px;
  height: 26px;
  width: 26px;
  background: url(../images/music_icon.gif) no-repeat;

}

.file_img {
  text-align: center;
  margin: 10px 5px 10px 5px;
  height: 26px;
  width: 26px;
  background: url(../images/file_icon.gif) no-repeat;

}






.file_selected .folder_img {
  text-align: center;
  margin: 10px 5px 10px 5px;
  height: 26px;
  width: 26px;
  background: url(../images/folder_bluebg.gif) no-repeat;
}

.info {
  color: #ccc;
 }
  
.date {
    margin-bottom: 2px;
	margin-left: 5px;
    font-size: 13px;
	color: #666;
}

.size {
    margin-bottom: 2px;
	margin-left: 5px;
    font-size: 13px;
    color: #666;
}

.folder_actions {
  color:#999999;
  margin-top: 2px;
  font-size: 11px;
   }
   
.folder_actions a { }

.public { color:#009900; }

.password { color:#dfb100; }

.private { color: #990000; }

.tags {
  color: #0066dd;
  background: #FFFFFF;
  }

.tags a {
	font-size: 14px;
	}
 
.file_odd {
	height: 30px;
	font-size: 15px;
	border-bottom: 0px #f4f4f4 solid;
	}
	
.file_even {
	background: #f4f9ff;
	border-bottom: 0px #f4f4f4 solid;
	height: 30px;
	font-size: 15px;
	}

.file_selected {
	background: #d7ffdc;
	border-bottom: 0px #cce6ff solid;
	height: 30px;
	font-size: 15px;
}

.folder_up {
    background: url(../images/bg/yellowfade.gif) repeat-x;
	height: 20px;
	font-size: 12px;
}


.files_labels {
	color: #FFFFFF;
	font-size: 13px;
	height: 28px;
	font-weight: bold;
	text-align: left;
	margin: 10px 0 0 0;
	background: #21d548 url(../images/green_fade_bg.gif) repeat-x bottom;
	}

a.table_header {
	text-decoration: none;
	color: #FFFFFF;
	}
	
a:hover.table_header {
	color: #FFFFFF;
	text-decoration: underline;
	}


.sort_up {
	background: url(../images/sort_up.gif) right no-repeat;
	cursor: pointer;
	}
	
.sort_down {
	background: url(../images/sort_down.gif) right no-repeat;
	cursor: pointer;
	}
	
.no_sort {
	background: none;
	cursor: pointer;
	}

.files_labels .vline { width: 1px; background: #00CC00 }

.vline { width: 1px; background: #FFFFFF;}


.delete_column {
	text-align: center;
	vertical-align: middle;
}

	
.foldername { font-weight: bold; font-size: 13px;}
.foldername_password { font-weight: bold; font-size: 13px; color:#dfb100;}
.foldername_private { font-weight: bold; font-size: 13px; color:#d82828; }

.file_details_header {line-height: 25px; border-bottom: 1px #ccc dashed;}

.seofilename h1 { font-style: normal; font-size: 14px; color: #222; margin: 0; padding: 0; font-weight: bold;}
.seodescription h2 { font-style: normal; font-size: 12px; padding: 0; font-weight: normal; color: #333;}

.filename {
		margin: 5px;
	}
	
a.filename_link {
	font-weight: bold;
	font-size: 14px;
	color: #0066dd;
	text-decoration: none;
}

a.filename_link:hover {
	text-decoration: underline;
}
	

.uploaddate_column {
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
	}

.filesize_column {
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
	}

.actions_column {
	font-size: 11px;
	vertical-align: middle;
	}

.actions_column a {
	font-weight: bold;
	color: #0066dd;
	text-decoration: none;
	}
	
.actions_column a:hover {
	text-decoration: underline;
	}
	
.file_table {
	font-size: 13px;
	}

.hide { display: none; }


.actions  {
	background: #cce6ff; 
	color: #084675; 
	margin-bottom: 15px;
	}
	
	
.myfilesfooter {
	height: 40px;
	background: #FFFFFF;
	padding: 15px;
}


#sharingmode {
width: 180px;
}

#sharingmode ul {
list-style: none;
margin: 10px 0 0 0;
padding: 0;
}

#sharingmode li { margin-bottom: 5px; }

#sharingmode li a {
height: 22px;
text-decoration: none;
font-size: 12px;
font-weight: bold;
padding: 6px 0 0 45px;
}

#sharingmode li a.browsable:link, #sharingmode li a.browsable:visited {
        color: #008b1e;
        display: block;
        background: url(../images/sharingmode/browsable_bg.gif) 0 -56px;
        }
		
#sharingmode li a.browsable:hover { 
        color: #008b1e;
		display: block;
        background:  url(../images/sharingmode/browsable_bg.gif) 0 -28px;
        
        }
		
#sharingmode li a.browsable_selected:link, #sharingmode li a.browsable_selected:hover, #sharingmode li a.browsable_selected:visited { 
        color: #008b1e;
		display: block;
        background:  url(../images/sharingmode/browsable_bg.gif);
        
        }


#sharingmode li a.singlefile:link, #sharingmode li a.singlefile:visited {
        color: #8c6d00;
        display: block;
        background: url(../images/sharingmode/single_bg.gif) 0 -56px;
        
        }
		
#sharingmode li a.singlefile:hover { 
        color: #8c6d00;
        background:  url(../images/sharingmode/single_bg.gif) 0 -28px;
        
        }
		
#sharingmode li a.singlefile_selected:link, #sharingmode li a.singlefile_selected:hover, #sharingmode li a.singlefile_selected:visited { 
        color: #8c6d00;
		display: block;
        background:  url(../images/sharingmode/single_bg.gif);
        
        }



/*********************************************/
/*********************************************/
/************ MY IMAGES STYLES  **************/
/*********************************************/
/*********************************************/

.thumbnail_selected img {margin: 2px 5px 2px 5px;}
.thumbnail_ns img {margin: 2px 5px 2px 5px;}

.thumbnail_selected  {
height: 20px;
cursor: pointer;
float: left;
background-color: #D2E7FF;
}

.thumbnail_ns  {
height: 20px;
float: left;
cursor: pointer;

}

/***** Medium Size Thumbnails ********/

a.medium_thumbnail div.fcaption { padding-top: 5px; }


a.medium_select { display: block; border: 5px #0099FF solid; width: 191px; height: 145px; padding: 5px; cursor: pointer; font-size: 10px; font-weight: bold; text-align: center;}

.fcaption { overflow: hidden; line-height: 12px;}

a.medium_thumbnail {display: block; border: 0px #0099FF solid; width: 191px; height: 145px; padding: 10px; cursor: pointer; font-size: 10px; font-weight: bold;} 
a.medium_thumbnail span {display: none; position: absolute;}
a.medium_thumbnail:hover { border: 5px #D2E9FF solid; padding: 5px; background: #F0F9FF}

a.medium_password {display: block; border: 5px #fff solid; background: #FFE4CA; float: left; width: 191px; height: 145px; padding: 5px; cursor: pointer; font-size: 10px; font-weight: bold;} 
a.medium_password span {display: block; position: absolute; width: 16px; height: 16px; background: #FFE4CA url(../images/icons/private.gif);border: 3px #FFE4CA solid;}
a.medium_password:hover {border: 5px #D2E9FF solid; padding: 5px; background: #FFE4CA;}
a.medium_password_selected {display: block; border: 5px #dfb100 solid; background: #FFE4CA; float: left; width: 191px; height: 145px; padding: 5px; cursor: pointer; font-size: 10px; font-weight: bold;} 
a.medium_password_selected span {display: block; position: absolute; width: 16px; height: 16px; background: #FFE4CA url(../images/icons/private.gif);border: 3px #FFE4CA solid;}

a.medium_private {display: block; border: 5px #fff solid; background: #FFD2D2; float: left; width: 191px; height: 145px; padding: 5px; cursor: pointer; font-size: 10px; font-weight: bold;} 
a.medium_private span {display: block; position: absolute; width: 16px; height: 16px; background: #FFD2D2 url(../images/icons/password.gif);border: 3px #FFD2D2 solid;}
a.medium_private:hover {border: 5px #D2E9FF solid; padding: 5px; background: #FFD2D2;}
a.medium_private_selected {display: block; border: 5px #d82828 solid; background: #FFD2D2; float: left; width: 191px; height: 145px; padding: 5px; cursor: pointer; font-size: 10px; font-weight: bold;} 
a.medium_private_selected span {display: block; position: absolute; width: 16px; height: 16px; background: #FFD2D2 url(../images/icons/password.gif);border: 3px #FFD2D2 solid;}




/***** End Medium Size Thumbnails *********/

/***** Small Thumbnails  *************/


a.small_thumbnail div.fcaption {padding-top: 5px; }

.fcaption {overflow: hidden; height: 12px;}

a.small_thumbnail {display: block; border: 0px #0099FF solid; width: 107px; float: left; height: 80px; padding: 10px; cursor: pointer; font-size: 11px; font-weight: bold; text-align: center;} 
a.small_thumbnail span {display: block; position: absolute;}
a.small_thumbnail:hover { border: 5px #D2E9FF solid; padding: 5px; background: #F0F9FF;}

a.small_password {display: block; border: 5px #fff solid; background: #FFE4CA; float: left; width: 107px; height: 80px; padding: 5px; cursor: pointer; font-size: 11px; font-weight: bold; text-align: center;} 
a.small_password span {display: block; position: absolute; width: 16px; height: 16px; background: #FFE4CA url(../images/icons/password.gif); border: 3px #FFE4CA solid;}
a.small_password:hover {border: 5px #D2E9FF solid; padding: 5px; background: #FFE4CA;}
a.small_password_selected {display: block; border: 5px #d82828 solid; background: #FFE4CA; float: left; width: 107px; height: 80px; padding: 5px; cursor: pointer; font-size: 11px; font-weight: bold; text-align: center;} 
a.small_password_selected span {display: block; position: absolute; width: 16px; height: 16px; background: #FFE4CA url(../images/icons/password.gif); border: 3px #FFE4CA solid;}
a.small_select {border: 5px #0099FF solid; display: block; float: left; width: 107px; height: 80px; padding: 5px; cursor: pointer; font-size: 10px; font-weight: bold; text-align: center;}

a.small_private {display: block; border: 5px #fff solid; background: #FFD2D2; float: left; width: 107px; height: 80px; padding: 5px; cursor: pointer; font-size: 11px; font-weight: bold; text-align: center;} 
a.small_private span {display: block; position: absolute; width: 16px; height: 16px; background: #FFD2D2 url(../images/icons/password.gif); border: 3px #FFD2D2 solid;}
a.small_private:hover {border: 5px #D2E9FF solid; padding: 5px; background: #FFD2D2;}
a.small_private_selected {display: block; border: 5px #d82828 solid; background: #FFD2D2; float: left; width: 107px; height: 80px; padding: 5px; cursor: pointer; font-size: 11px; font-weight: bold; text-align: center;} 
a.small_private_selected span {display: block; position: absolute; width: 16px; height: 16px; background: #FFD2D2 url(../images/icons/password.gif); border: 3px #FFD2D2 solid;}


/*** SMALL FOR IMAGE SLIDER ***/

.imageslider a.small_thumbnail { display: block; border: 0px #0099FF solid; width: 107px; float: left; height: 80px; padding: 4px; cursor: pointer; font-size: 11px; font-weight: bold; text-align: center;} 
.imageslider a.small_thumbnail span {display: block; position: absolute;}
.imageslider a.small_thumbnail:hover { border: 2px #D2E9FF solid; padding: 2px; background: #F0F9FF;}


/****** End Small Thumbnails  *********/


/****** Viewing Area *********/

.viewing_area {	width: 515px; background: #cce6ff; padding: 5px; text-align: left; float: right;	}


/********* SHARING TABS **************/

	 #tabs5 {
      width:100%;
   	  height: 32px;
      font-size:93%;
      line-height:normal;
    }
	  
   #tabs5 ul {
	  margin:0;
	  padding: 5px 5px 0 5px;
	  list-style:none;
	  
   }
	  
    #tabs5 li {
      display:inline;
      margin: 0;
      padding:0;
     }
	  
	  .ptabs5 {
      float:left;
      display:block;
      background:url("./images/tabs/tabright6.gif") right top;
      padding: 6px 9px 6px 4px;
      color:#FFF;
    }
     
    #tabs5 a {
      float:left;
      background:url("./images/tabs/tableft6.gif") right top;
      margin: 0 5px 0 0;
      padding:0 0 0 3px;
	  	font-weight: bold;
      text-decoration:none;
     }
	  
    #tabs5 a span {
      float:left;
      display:block;
      background:url("./images/tabs/tabright6.gif") no-repeat right top;
      padding: 6px 9px 6px 5px;
      color:#FFF;
      
    }
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs5 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs5 a:hover span {
      color: #0066dd;
    }
	  
    #tabs5 a:hover {
      background-position:0% -42px;
    }
	  
    #tabs5 a:hover span {
      background-position:100% -42px;
    }

   #tabs5 ul li.current a {
     background-position:0% -42px;
	}
	  
   #tabs5 ul li.current a span {
		  background-position:100% -42px;
		  color: #0066dd;	  
      }
	  
	  #tabs5 a span div {
	  	height: 16px;
		width: 16px;
		float: left;
		margin-right: 3px;
	  }

.sharing_box {
	padding: 0px;
	background-color: #0066CC;
	}
	
.sharing_box_content {    
	border: 1px solid #eee;
	margin: 0px;
    padding: 0px;
	}


.sharing_inner_box {
	padding: 0px;
	background-color: #fff;
	}
	
.sharing_inner_box_content {    
	border: 1px solid #fff;
    padding: 0px;
	}


/*********** Image Page *************/

.image_size_tab { float: left; padding: 5px 10px }
.image_size_tab_selected { float: left; padding: 5px 10px 2px 10px; background: #fff; font-weight: bold;}


.image_leftcolumn_small { float: left; width: 55.5%;}
.image_leftcolumn_800 { width: 810px; position: relative; margin: auto; }
.image_leftcolumn_1024 { width: 1034px; position: relative; margin: auto; }


.digg_box {display: block; float: left; border-top: 5px #fff solid; border-bottom: 5px #fff solid; width: 50px; height: 50px; background: url("../images/buttons/digg_button.gif"); }
a:hover.digg_box {  width: 50px; height: 50px; border-top: 5px #cce6ff solid; border-bottom: 5px #cce6ff solid; background: #cce6ff url("../images/buttons/digg_button.gif") 0 50px;}
.del_box {display: block; float: left;  border-top: 5px #fff solid; border-bottom: 5px #fff solid; width: 50px; height: 50px; background: url("../images/buttons/del_button.gif"); }
a:hover.del_box { width: 50px; height: 50px; border-top: 5px #cce6ff solid; border-bottom: 5px #cce6ff solid; background: #cce6ff url("../images/buttons/del_button.gif") 0 50px;}
.fb_box {display: block; float: left; border-top: 5px #fff solid; border-bottom: 5px #fff solid; width: 50px; height: 50px; background: url("../images/buttons/fb_button.gif"); }
a:hover.fb_box { width: 50px; height: 50px; border-top: 5px #cce6ff solid; border-bottom: 5px #cce6ff solid; background: #cce6ff url("../images/buttons/fb_button.gif") 0 50px;}







/********** Content Pages **********/

#content_container {}
	
#header_fade {
	background: url(../images/fade_below.gif) top repeat-x; 
	height: 15px;}
	
#sub_wrapper { 	
	margin:0 auto;
    width:790px;
	text-align: left;
	}
	
#Why_MediaFire {
    position: relative;
	float: left;
	width: 280px;
	}
	
#getting_started {
	width: 280px;
	right: 5px;
	background-color: #f3f8ff;
	float: right;
	position: relative;	
	}
	
#getting_started .content {    
	border: 1px solid #dae9fd;}


#download_url_inner {
	width: 440px;
	background-color: #FFFFFF;}

#download_url_inner .content {    
	border: 1px solid #dae9fd;}
	
	
#line_box {
	width: 460px;
	background-color: #FFFFFF;
	float: left;
	margin-bottom: 10px;
	}
	
#line_box .content {    
	border: 1px solid #dae9fd;}
	


.box_header {
	font-weight: bold;
	font-size: 14px;
	color: #262986;
	
	padding: 3px;
	border-bottom: #262986 dashed 1px;
	margin-bottom: 5px;}	
	
.cursoshome{
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#0054a2;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#0054a2;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#0054a2;
	padding: 5px 3px 5px 0px;
}
/* forms */

#statusmessage { font-size: 16px; padding: 40px 0; width: 100%; filter: alpha(opacity=95); opacity: 0.95; z-index: 2000; border-top: 1px #FF0000 solid; border-bottom: 1px #ff0000 solid; }



.form_error {
	font-size: 12px;
	background: #ffecef;
	padding: 3px;
	text-align: center;
	font-weight: bold;
	color: #FF0000;}
	
.form_error a {
	color: #FF0000;
	text-decoration: underline;
	}

.form_success {
	font-size: 12px;
	background: #E3FFE9;
	padding: 3px;
	text-align: center;
	font-weight: bold;
	color: #18CE3F;
}

.form_success a {
	color: #18CE3F;
	text-decoration: underline;
	}

.mainform .textarea {
	background: #FFFADB;
	border: 1px solid #CBB945;
	color: #776B1B;
	padding: 2px;
}

.mainform label {
	font-weight: bold;
	color: #666666;
}

fieldset {
	border: 1px solid #ddd;
	margin: 1em 0;
	padding: 15px;
	clear: left;
} * html fieldset { padding-top: 0; }

legend {
	font-size: 20px;
	font-weight: normal;
	letter-spacing: -0.03em;
	line-height: 1;
	color: #0078d3;
	padding: 10px 10px; /* Top and Bottom for IE7 */
} * html legend { margin-bottom: 15px; padding: 0 0.5em; }

legend span {
	color: #999;
	font-size: 90%;
	letter-spacing: 0;
}

.button1 {
	font-size: 18px;
	color: #444444;
}

.linkto label {
	font-weight: bold;
	color: #666666;
	}
	
.linkto img {
vertical-align: middle;
margin: 0 10px 5px 0;
 }

/* help */
#home_help {}

div.help_off { display: none; }

span.help_off { width: 100px; height: 34px; float: right; background: url(../images/help_switch_off.gif);}

span.help_on { width: 100px; height: 34px; float: right; background: url(../images/help_switch.gif);}

#home_help.help_on
{
	width: 540px;
	background: #ffffb6;
	border-top: solid 5px  #ffe400;
	border-bottom: solid 1px #FF9900;
	padding: 5px;
	margin-bottom: 10px;
	text-align: left;
	color: #000000;

}

.help_on h1
{
	color: #FF9900;
	font-size: 21px;
	font-weight: bold;
	margin: 0 0 0 0; 
}


.help_on div
{ 
	color: #2b7ab5;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	margin: 0 10px 0 10px;
}

.help_on a:link 
{ 
	text-decoration: none; 
	color: #2b7ab5;
}


.help_on a:hover 
{ background: #FFFFFF; }

.help_on a:visited
{ 
	text-decoration: none; 
	color: #2b7ab5;
}

.help_on a:hover em
{ color: #FFFFFF;
background: #FF9900; }

.help_on a:hover div
{ color: #FF9900;
background: #FFFFFF; }

.help_on em
{ 
	font-size: 16px;
	margin: 10px;
	font-style: normal;
}


/* Styles */
.icons {
	font-size: 12px;
	margin-bottom: 4px; 
	margin-top: 4px;
	text-align: left;}

	
	
/****** Uploading Page  *********/
#inner_header_box.preupload { display: block; }
#inner_header_box{ display: none; }

#uploading_div.preupload { display: none; }
#uploading_div { display: block; padding: 0px 10px 15px 10px; text-align: left; }

.percent { font-weight: bold;}
.totalpercent { font-size:24px; font-weight: bold;}
.done { color: #73FF5C; font-weight: bold;}
.nopercent {}

#eta {text-align: center; font-size: 12px;}

.progress_header { font-size: 12px; margin-top: 10px; padding-bottom: 3px; font-weight: bold; border-bottom: #afcce2 dashed 1px;}

.ul_number { font-size:18px; padding: 0 10px 0 0; float: left; }



.header_dropdown {color: #0066dd; background: #FFFFFF; border: 1px solid #FFFFFF; }

.header_browsebox {
	padding: 5px;
	 } 
	


/***** Progress Page **********/
.progress_bar { background: url(../images/progress_bar_full.gif); height: 24px;}
.total_progress { background: url(../images/total_full.gif); }

#kbps {
	font-size: 12px;
	position: absolute;
	margin-left: 5px;
	margin-top: 4px;
}
#speed { background: url(../images/speed_full.gif); height: 41px; float: left;}
	
	

/******* Forms ******/

#form1.form {
	color: #2081cc;}


.textinput {
	border: #7dc7ff 1px solid;
	}

#save{
	border-top: #7dc7ff 1px solid;
	border-left: #7dc7ff 1px solid;
	border-right: #2081cc 1px solid;
	border-bottom: #2081cc 1px solid;
	background: #f3f8ff;
	font-size: 11px;
	font-weight: bold;
	color: #118be9;
	height: 25px;}



.contentWrapper {
    /* position this div however you want, but
       keep its padding and border at zero */
    padding: 0px;
    border: 0px;
} 

/********************* Why MediaFire *************************/

.why_mediafire {
	width: 750px;
	height: 277px;
	background: url(../images/whyMFbg.gif) no-repeat;
	position: relative;
	}

.why_mediafire h2 { font-size: 18px; font-weight: bold; color: #e59700;}

.arrowbullet {
	background: url(../images/icons/arrow.gif) no-repeat left;
	padding-left: 25px;
	color:#777;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 14px;
	}

.bubblebullet {
	background: url(../images/icons/bubblebullet.gif) no-repeat left;
	padding-left: 40px;
	min-height: 30px;
	color:#555;
	font-weight: bold;
	margin-bottom: 12px;
	font-size: 15px;
	}
	
.why_dl { position: relative; background: url(../images/why_dl.gif) no-repeat; height: 188px; margin-top: 10px;  margin-left: 40px;}




/* Upload Complete */
#complete_header {
	font-size: 23px;
	color: #0066dd;
	font-weight: bold;
	margin: 0 0 0 0;
	text-align: left;
	width: 375px; 
	}

#congrats {
	margin-top: 10px;
	font-size: 14px;
	text-align: left;
}


/*********************** Create Account ****************************/

#upload_create.upload_create { display: block;}
#upload_create {display: none;}

#upload_login.upload_create { display: none;}
#upload_login { display: block;}

.green_box {
	width: 300px;
	background-color: #21d548;
	float: right;
	}
	
.green_box_content {    
	border: 1px solid #21d548;
	margin: 0px;
    padding: 0px;
	}

.blue_box {
	width: 300px;
	background-color: #0066dd;
	float: right;
	}
	
.blue_box_content {    
	border: 1px solid #0066dd;
	margin: 0px;
    padding: 0px;
	}

.green_box .switch_login {
	font-size: 12px;
	background: #effff2;
	padding: 3px;
	text-align: center;}

.blue_box .switch_login {
	font-size: 12px;
	background: #e7f5ff;
	padding: 3px;
	text-align: center;}


#create_account {
	text-align: left;
	padding: 5px;
	}
	
#create_header {
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0 0 5px 2px;
	}
	
#create_bg {
	background: #FFFFFF;
	padding: 5px;
	text-align: left;
	}


	
.complete_page_account {
	color: #505050;
	font-weight: bold;
	font-size: 13px;
	margin: 0 0 0 0;
}

.complete_textfield {
	width: 260px;
	background: #FFFADB;
	border: 1px #CBB945 solid;
	color: #776B1B;
	padding: 3px;
	font-size: 14px;
	}

#create_account_button {
	font-size: 13px;
	padding: 2px;
	}
	
	
/************************ File Area  ************************/


.file_header, .myfiles_header {	
	color: #FFFFFF;
	font-size: 17px;
	font-weight: bold;
	text-align: left;
	margin: 10px 0 0 0;
	background: #0066dd url(../images/blue_fade_bg.gif) repeat-x bottom;
	padding: 1px;
}

.myfiles_shared_header {	
	color: #FFFFFF;
	font-size: 17px;
	font-weight: bold;
	text-align: left;
	margin: 10px 0 0 0;
	background: #21d548 url(../images/green_fade_bg.gif) repeat-x bottom;
	padding: 1px;
}

.file_header_text {
	padding: 5px 0 5px 10px;
	}

.fd_container {
	background: #F7F7F7;
	text-align: left;
	margin-bottom: 20px;
	}
	


.download_link {
	border: 2px #ffc000 solid;
	text-align: center;
	background: #fcfde5 url(../images/bg/bigdownload.gif) left no-repeat;
	padding: 10px 0 10px 20px;
	line-height: 40px;
	font-size: 16px;
	font-weight: bold;
	color: #505050;
	margin: 10px 10px;
}


.download_link a {
	font-size: 16px;
	font-weight: bold;
	color: #0066dd;
	text-decoration: none;
}

.download_link a:hover {
	text-decoration: underline;
}

.password_download_link {
	border: 2px #FF0000 solid;
	text-align: center;
	background: #FFE8E8;
	padding: 10px 0 10px 0;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	margin: 10px 10px;
}

.downloadpassword {
	background: #fff;
	border: 1px #ff0000 solid;
	padding: 7px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin: 5px 0 10px 0;
	width: 200px;
}

.description_form_container {
	font-size: 13px;
	font-weight: bold;
	color: #0066dd;
	margin-left: 5px;
	margin-top: 5px;
	width: 336px;
	}

.description_header {
	background: #ededed;
	color: #505050;
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
}

.description_box {
	width: 336px;
	background-color: #F8F8F8;
	float: right;
	margin-bottom: 10px;
	}
	
.description_content {    
	border: 1px solid #c3c3c3;
	margin: 0px;
    padding: 0px;
	}
	
.description_container {
	padding: 5px;
	font-size: 11px;
	}

.description_textinput {
	border-top: 1px #CCCCCC solid;
	border-left: 1px #CCCCCC solid;
	border-right: 1px #f9f9f9 solid;
	border-bottom: 1px #f9f9f9 solid;
	background: #FFFFFF;
	width: 320px;
	height: 30px;
}

.code_details {
	color: #505050;
	font-weight: bold;
	font-size: 14px;
	width: 485px;
	margin: 0 0 0 0;
	border-top: 1px #CCCCCC solid;
	border-left: #ECECEC 1px solid;
	border-right: #ECECEC 1px solid;
	border-bottom: #ECECEC 1px solid;
	background: #ffffff;
	}

.code_container {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
	width: 465px;
	}

.code_box_header {
background: #f1f1f1; padding: 3px; padding-left: 5px;
}

.code_header {
	margin-top: 5px;
	margin-bottom: 2px;
	font-weight: bold;
	font-size: 12px;
	color: #505050;
	}

.uploaded_code {
	width: 355px;
	margin-bottom: 5px;
	background: #fff;
	border-top: 1px #d0d0d0 solid;
	border-left: 1px #d0d0d0 solid;
	border-right: 1px #d9d9d9 solid;
	border-bottom: 1px #d9d9d9 solid;
	font-size: 14px;
	color: #222222;
	padding: 5px;
	}
	
	
.description {
	font-size: 10px;
	font-weight: 100;
}


.delete_details {
	color: #00CC00;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 0 0;
	padding: 5px; 
	border: 4px #00CC00 solid;
	background: #F9FFF9;
	z-index: 1;
	width: 280px;
	}
	
.delete_details .description { 
	border-bottom: 1px #CCCCCC dotted;
	margin-bottom: 5px;
}

.delete_link {
	color:#444444;
	font-size: 12px;
}	

.delete_link a {
	color:#21d548;
	text-decoration: none;
}	

.delete_link a:hover {
	border-bottom: 2px #21d548 dotted;
	
}	



/****************** Share Box *********************/


.share_box {
	width:250px;
	background-color: #0066dd;
	float: right;
	position: relative;
	}
	
.share_box_content {    
	border: 1px solid #0066dd;
	margin: 0px;
    padding: 0px;
	text-align: center;
	}
	
.share_box_header {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
}

.share_box_inner {
	width: 240px;
	background-color: #FFFFFF;
	position: relative;
	margin-bottom: 10px;
	}
	
.share_box_content_inner {    
	border: 1px solid #FFFFFF;
	margin: 0px;
    padding: 0px;
	}

.share_container {
	width: 220px;
	padding: 4px;
	}
	
	
.email_title {
	font-size: 14px;
	font-weight: bold;
	color: #0066dd;
	}

#email_form {}

.hide_email {display: none;}
	
.show_email {
	font-size: 11px;
	text-align: left;
	width: 210px;
	background: #f3f3f3;
	padding: 5px;
	border: 1px #CCCCCC solid;
	}

.share_email_form {
	color: #505050;
	font-weight: bold;
	font-size: 15px;
	margin: 0 0 0 0;
}

.share_email_header{
	margin-top: 5px;
	font-weight: bold;
	color: #505050;
	font-size: 11px;
	}

.share_textfield {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 200px;
	background: #FFFADB;
	border: 1px #CBB945 solid;
	color: #776B1B;
	padding: 2px;
	margin-bottom: 5px;
	}

.im div {
	font-size: 12px;
	padding-left: 50px;
	font-weight: bold;
	margin: 5px 0 5px 15px;
	height: 16px;
	text-align: left;
}

.im a {
	text-decoration: none;
	color: #0066dd;
	}

.im a:hover {
	text-decoration: underline;
	}

.aim {
	background: url(../images/aim_bg.gif) no-repeat;
	cursor: pointer;
	}

.yahoo {
	background: url(../images/yahoo_bg.gif) no-repeat;
	cursor: pointer;
	}

.digg {
	background: url(../images/digg_bg.gif) no-repeat;
	cursor: pointer;
	}

.facebook {
	background: url(../images/facebook_bg.gif) no-repeat;
	cursor: pointer;
	}
	
/********************* Download Page  ***********************/

.report_container {
	background: #f1f1f1;
	color: #777;
	text-align: left;
	padding: 10px;

}
.report_container_hide {
	display: none;
}

.report_container div {
	font-weight: bold;
	font-size: 14px;
}

.report_file {
	clear: none;
	text-align: right;
	font-size: 10px;
	line-height: 25px;

}
	
.report_file a {
	color:#888888;
	font-weight: bold;
	text-decoration: none;
	}

.report_file a:hover {
	color:#CC0000;
	text-decoration: underline;
	}

	
.download_header {
	color: #FFFFFF;
	font-size: 17px;
	font-weight: bold;
	text-align: left;
	margin: 10px 0 0 0;
	background: #21d548 url(../images/green_fade_bg.gif) repeat-x bottom;
	padding: 1px;
}

.textocurso {
	font-family: "Century Gothic";
	font-size: 11px;
	color: #0C0CA7;
}

.textocurso2 {
	font-family: "Century Gothic";
	font-size: 12px;
	color: #00006A;
}
.download_fd_container {
	background: #FAFAFA;
	padding: 8px;
	text-align: left;
	border-bottom: 2px #21d548 solid;
	border-right: 1px #21d548 solid;
	border-left: 1px #21d548 solid;
	margin-bottom: 20px;}
	
	
#toslide {margin-left: -115px; }

#toslide div {float: left;}
	
#imageprevdiv a { text-decoration: none; }

#imageprevdiv a:hover { text-decoration: none; }

a.slider-right { display: block; float: left; height: 112px; width: 21px; background: url(../images/buttons/right.gif) no-repeat; z-index: 1001; cursor: pointer;}
a.slider-right:hover { background-position: 0px -112px; }

a.slider-left { display: block; float: left; height: 112px; width: 21px; background: url(../images/buttons/left.gif) no-repeat; z-index: 1001; cursor: pointer; margin-left: 4px;}
a.slider-left:hover { background-position: 0px -112px; }



/*********************** Checkout Page *******************************/
.highlight_selected {background: #FFFFCC; border: 1px #FFCC33 solid; width: 400px; margin: auto;}

ul.bulletazul{
	list-style-image:url("./images/tabs/bullet-celeste-curso.gif");
	font-size: 11px;
	color: #262986; 
	
}

ul.bulletazulmenu{
	list-style-image:url("./images/tabs/bullet-celeste-submenu.gif");
	color: #262986;
	font-size: 11px; 
}
.textoaz {
	font-family: "Century Gothic";
	color: #181528;
	font-size: 12px;
	font-weight: bold;
}

.textoaz2 {
	font-family: "Century Gothic";
	color: #181528;
	font-size: 12px;
	font-weight: normal;
}
