body,html{
  padding:0;
  margin:0 auto;
  _text-align:center;
  
  /* Overall Text Setup*/
  font-family:arial;
  font-size:11px;
  color:#5B5B5B;
}

/* Core Settings */

.c{
  clear:both;}
.l{
  float:left;
}
.r{
  float:right;
}
.smalltext{
  font-size:10px;
}
.green{
  color:#70A626;
}
.red{
  color:#CC0000;
}

/* Core Layout Setup */

#header{
  background:white;
  border-bottom:1px solid #f1f1f1;
}

#mid{
  background:#FFFFFF;
  border-top:1px solid white;
  border-bottom:1px solid #e3e3e3;
  padding:8px 0 8px 0;
}

  #content{
    width:560px;
    float:left;
  }
  
  #contentfull{
    width:850px;
    margin:0 auto;
  }
  
  #sidebar{
    width:265px;
    float:right;
  }

#footer{
  border-top:1px solid white;
}

.wrapper{
  width:850px;
  margin:0 auto;
  _text-align:left;
}

#logo{
  float:left;
}

/* Main Menu And Sign In/Status Items */
#userstatus{
  width:500px;
  height:40px;
  float:right;
  text-align:right;
}

  #userstatus .username{
    font-weight:bold;
    margin:2px 4px 0 0;
    display:block;
    float:right;
  }
  
  #userstatus .twitterlink{
    display:block;
    float:right;
    text-decoration:none;
    color:#2EB91A;
    font-weight:bold;
  }

    #userstatus .twitterlink:hover{
      background:#2EB91A;
      color:white;
      
      border-top:1px solid #36DC1F;
      border-right:1px solid #269B15;
      border-bottom:1px solid #269B15;
      border-left:1px solid #36DC1F;
      
      padding:1px 2px 1px 2px;
    }

  #userstatus .profileimg{
    float:right;
    width:30px;
    height:30px; 
    margin:3px 0 0 0;
  }

#signin{
  float:right;
  margin:7px 0 0 0;
}

#mainmenu{
  float:right;
  _width:550px;
}

  #mainmenu li{
    float:right;
    line-height:12px;
    margin:2px 0px 0 4px;
    
  }
  
  #mainmenu li a{
    text-decoration:none;
    font-size:14px;
    font-weight:bold;
    padding:4px;
    color:#00C0FF;
    
    _display:block;
    _width:115px;
    _text-align:center;
  }
  
  #mainmenu li a:hover{
    border-top:1px solid #0D7DB1;
    background:#00C0FF;
    color:white;
  }
  
  #mainmenu li a b{
    text-decoration:none;
    font-size:10px;
    font-weight:normal;
  }
  
  
/* General Form Styles */
.fieldtitle{
  font-size:14px;
  font-weight:bold;
  display:block;
  padding:5px 0 0 0;
}

.checktitle{
  font-size:11px;
  display:block;
}

  .checktitle input{
    float:left;
  }

  .checktitle span{
    display:block;
    float:left;

  }

textarea{
  width:500px;
  height:50px;
}

/* My Library */
.filecontainer{
  border-top:1px solid #E3E3E3;
  padding:8px 0 0 0;
}

.librarythumbnail{
  display:block;
  background-repeat:no-repeat;
  background-position:center center;
  background-color:white;
  
  width:70px;
  height:70px;
  float:left;
  
  margin:0 1px 5px 4px;
  
  border:1px solid #E3E3E3;
  
  color:#00C0FF;
  text-decoration:none;
}

  .libraryimagethumbheader{
    background:white;
    padding:4px;
    border:1px solid #E3E3E3;
    font-size:10px;
    
    _width:150px;
  }
  
    .libraryimagethumbheader span{
      font-size:11px;
      font-weight:bold;
      display:block;
      color:#5B5B5B;
    }

.tooltip{ 
  position: absolute; 
  top: 0; 
  left: 0; 
  z-index: 3; 
  display: none; 
  
  background:black;
}
    
/*  Author Information */
#photoauthor{
  padding:8px 0 0 0;
}

#previewcontent{
  float:left;
  width:570px;
}

#infocontent{
  float:right;
  width:270px;
  background:white;
}

#authoravatar{
  float:left;
  width:48px;
  height:48px;
}

#authorinfo{
  float:left;
  width:200px;
  height:48px;
  padding:0 0 0 8px;
  overflow:hidden;
}

  #authorinfo h1{
    font-size:16px;
    font-weight:bold;
    font-family:arial;
    font-weight:normal;
    height:20px;
  }
  
  #authorinfo h1 a{
    font-size:16px;
    font-weight:bold;
    font-family:arial;
    font-weight:normal;
    height:20px;
    color:#00C0FF;
    text-decoration:underline;
  }
  
/* View Boxes */
.viewbox{
  padding:10px 0 0 0;
}

.viewbox a{
  text-decoration:none;
  color:#00C0FF;
  text-decoration:underline;
}

.viewboxheader{
  width:250px;
  background:url("http://imj.tw/frontend/img/viewboxheader.png") no-repeat bottom center;
  height:30px;
  font-size:14px;
  font-weight:bold;
  
  _border-bottom:1px solid #E3E3E3;
  _background:url(no url);
}

.viewboxbody{
  width:242px;
  background:url("http://imj.tw/frontend/img/viewboxbody.png") repeat-y;
  border-bottom:1px solid #E3E3E3;
  padding:0 0 5px 8px;
  _width:250px;
}

.commentsubscribelink{
  color:orange;
  text-decoration:none;
}

  .commentsubscribelink:hover{
    text-decoration:underline;
  }
  
#imagepasswordform{
  margin:0 0 0 20px;
}

  #imagepasswordform .tinput{
    background:#FFFFFF;
    border:1px solid #E3E3E3;
    padding:3px;
    width:150px;
  }
  
  #imagepasswordform .sinput{
    background:#00C0FF;
    border:1px solid #3698C5;
    font-weight:bold;
    color:white;
    padding:3px;
    width:150px;
  }

/* Photo Settings */
#photosettings ul{
  display:block;
  padding-top:4px;
  width:560px;
  height:30px;
  background:red;
}

#photosettings li{
  display:block;
  float:left;
  border:1px solid #E3E3E3;

  margin:0 1px 1px 0;
  
}

#photosettings a{
  font-size:10px;
  color:#00c0ff;
  text-decoration:none;
  
  background-color:#F9F9F9;
  background-position:6% 50%;
  background-repeat:no-repeat;
  
  border-top:1px solid white;
  border-left:1px solid white;
  border-bottom:1px solid #F9F9F9;
  border-right:1px solid #F9F9F9;
  
  display:block;
  height:12px;
  width:55px;
  
  padding:3px 0 3px 20px;
  margin:0 0 0 0px;
  
  _width:70px;
}

  #photosettings a:active{
    color:white;
    background-color:#5B5B5B;
  }
  
  #photosettings a:hover-disabled{
    color:white;
    
    border-top:1px solid #BDE1F2;
    border-left:1px solid #BDE1F2;
    border-bottom:1px solid #37A3D5;
    border-right:1px solid #37A3D5;
    
    background:#77D4FF;
  }
  
/* Photo Boxes */
.slideshowwrap{
  float:left;
  padding:8px 0 11px 0;
}

.slideimagebox{
  display:block;

  width:70px;
  height:70px;
  
  background-repeat:no-repeat;
  background-position:center center;
  
  border:1px solid white;
  
  float:left;
}

.slidecontrol{
  float:left;
  
  height:70px;
  width:10px;
  
  background-repeat:no-repeat;
  background-position:center center;
}

/* Photo Sharing */
#sharetabs ul{
  width:250px;
  margin-top:10px;
  height:28px;
}

  #sharetabs .highlight{
    display:block;
    border-top:1px solid #FFFFFF;
    border-left:1px solid #FFFFFF;
    border-bottom:1px solid #f9f9f9;
    border-right:1px solid #f9f9f9;
    padding:4px;
  }

  #sharetabs li{
    float:left;
    height:24px;
    margin-right:1px;
    background:#f9f9f9;
    border:1px solid #e3e3e3;
  }
  
    #sharetabs a{
      color:#00c0ff;
      font-weight:bold;
      text-decoration:none;
    }
  
    #sharetabs li.active a{
      background:#969696;
      color:white;
    }
  
    #sharetabs li .highlight{
      padding:4px 8px 4px 8px;
    }
  
    #sharetabs .highlight textarea{
      width:238px;
      font-size:11px;
      border:1px solid #e3e3e3;
      background:white;
    }
  
#sharetabs .sharetabbody{
  width:248px;
  background:#f9f9f9;
  border:1px solid #e3e3e3;
}

/* Commenting */
.commentcontent{
  margin:8px 0 0 0;
  padding:4px 0 0 0;
  width:560px;
}

.commentcontent .avatar{
  float:left;
  width:48px;
  height:48px;
  border:4px solid #f1f0f0;
  display:block;
  background-position:center center;
}

.commentcontent .comment{
  width:504px;
  float:left;
}

.commentcontent .comment .author{
  display:block;
  height:17px;
  background:#f1f0f0;
  color:black;
  padding:4px 6px 4px 6px;
}
  
  .commentcontent .comment .author a{
    text-decoration:none;
    color:#2e9bce;
  }
  
  .commentcontent .comment .author .number{
    text-decoration:none;
    color:#d6d6d6;
    font-weight:bold;
  }

.commentcontent .comment .content{
  display:block;
  padding:4px 6px 4px 6px;
  font-size:11px;
  background:#f9f9f9;
}

/* Comment Form */
#commentuserstatus{
  width:560px;
  background:#f1f0f0;
  padding:8px 0 8px 0;
  margin:8px 0 0 0;
  height:18px;
}

  #commentuserstatus .avatar{
    float:right;
    height:48px;
    width:48px;
    margin:0 8px 8px 0;
  }
  
  #commentuserstatus .author{
    font-weight:bold;
    margin:0 0 0 8px;
  }

#commentform{
  width:544px;
  background:#f9f9f9;
  padding:8px;
}

  #commentform .checkbox{
    display:block;
    float:left;
    width:500px;
  }

  #commentform textarea{
    width:544px;
    border:1px solid #e3e3e3;
    background:white;
    height:100px;
  }
  
  #commentform .submitbutton{
    margin:1px 0 0 0;
    width:544px;
    background:#00c0ff;
    color:white;
    border:1px solid #3698c5;
    font-size:12px;
    padding:4px;
    font-weight:bold;
  }
  
/* Form CheckBoxes */
  label{
    display:block; 
    padding:0.5em; 
    padding-left:32px; 
    background-position:8px center; 
    background-repeat:no-repeat;
    border:1px solid #E3E3E3;
    cursor:pointer;
    width:75px;
    float:left;
    margin:1px 1px 0 0;
    font-weight:bold;
    
    _padding-left:5px;
  }
  .checked{
    background-color:white;
    color:#2EB91A;
    background-image:url(http://imj.tw/frontend/img/chk_on.png);
    
    _background-image:url(no url);
    _background-color:#95CD3C;
    _color:white;
  }
  .unchecked{
    background-color:#F9F9F9;
    color:#7E7E7E;
    background-image:url(http://imj.tw/frontend/img/chk_off.png);
    
    _background-image:url(no url);
    _background-color:#E3E3E3;
    _color:white;
  }
  
/* All Sizes */
#allsizemenu{
  width:850px;
  padding-bottom:4px;
  height:22px;
  margin-bottom:8px;
  
  border-bottom:1px dotted #5B5B5B;
}

  #allsizemenu li{
    float:left;
  }
  
  #allsizemenu li a{
    text-decoration:none;
    font-weight:bold;
    color:#00c0ff;
    
    border:1px solid #e3e3e3;
    background:#f9f9f9;
    margin:0 4px 0 0;
    padding:4px 8px 4px 8px;
    font-size:12px;
  }
  
  #allsizemenu #backtopreview{
    float:right;
  }
  
    #allsizemenu #backtopreview a{
      color:white;
      background-color:#5B5B5B;
      margin:0;
    }
    
/* Title & Description Editing */
#imagetitle div{
  display:block;
  height:24px;
  font-size:18px;
  font-weight:bold;
  width:560px;

  margin:0 0 8px 0;
}

#imagedescription div{
  display:block;
  font-size:11px;
  font-weight:normal;
  width:560px;
  margin:6px 0 8px 0;
  padding:4px 0 4px 0;
  
  border-bottom:1px solid #E3E3E3;
}

.edittitlelive{
  font-size:16px;
}

.editdescriptionlive{
  font-size:11px;
}

.edittitle{
  background:#FFFFCA;
}

.editdescription{
  background:#FFFFCA;
}

/* Private Image Password Entering */
#privateheader{
  font-size:18px;
  color:#3698C5;
  margin:0 0 4px 0;
}

.textualcontent{
  font-size:12px;
  line-height:18px;
  color:#494949;
}

#passwordenter{
  margin:6px 0 0 0;
}

  #passwordenter .header{
    font-size:14px;
    color:red;
    font-weight:bold;
    margin:0 0 2px 0;
  }
  
  #passwordenter .tinput{
    width:200px;
    padding:4px;
    background:white;
    border:1px solid #E3E3E3;
  }

  #passwordenter .sinput{
    width:200px;
    padding:4px;
    background:#00C0FF;
    border:1px solid #3698C5;
    font-weight:bold;
    color:white;
  }
  
/* Static Pages */
h1{
  font-size:18px;
  font-weight:bold;
  height:25px;
  color:#00C0FF;
}

p{
  padding:4px 0 0 0;
  font-size:12px;
  line-height:19px;
  color:#494949;
}

  p a{
    color:white;
    background:#00C0FF;
    text-decoration:none;
    padding:1px;
    
    border-left:1px solid #51D3FF;
    border-top:1px solid #51D3FF;
    border-right:1px solid #3698C5;
    border-bottom:1px solid #3698C5;
  }
  
  p a:hover{
    background:#494949;
    padding:1px;
    
    border-left:1px solid #6A6A6A;
    border-top:1px solid #6A6A6A;
    border-right:1px solid #2D2D2D;
    border-bottom:1px solid #2D2D2D;
  }
  
/* Example Code */
.codeexample{
  margin:0;
  padding:0;
}

/* Contact/Report Form */
#contactform input{
  width:500px;
  padding:4px;
  background:white;
  border:1px solid #E3E3E3;
}

#contactform textarea{
  height:150px;
  width:650px;
}

#contactform .sinput{
  background:#00C0FF;
  border:1px solid #3698C5;
  padding:6px;
  font-weight:bold;
  color:white;
}

/* Admin Boxes */
.platform{
  background:#FBFBFB;
  padding:8px;
  margin:4px;
  
  border-top:1px solid #FCFCFC;
  border-left:1px solid #FCFCFC;
  border-bottom:1px solid #F5F5F5;
  border-right:1px solid #F5F5F5;
}

/* Upload Platform */
#primaryuploadplatform{
  background:#F5F5F5;
  padding:12px;
  width:500px;
  margin:0 auto;
}

#uploadsteps{
  color:#D3D3D3;
  font-size:28px;
  font-weight:bold;
  text-align:center;
}

  #uploadsteps b{
    color:#00C0FF;
    text-decoration:underline;
  }
  
#primaryuploadform input,textarea{
  font-family:arial;
  background:white;
  border:1px solid #E3E3E3;
  padding:5px;
  margin:4px 0 0 0;
  font-size:12px;
  width:350px;
}

  #primaryuploadform .uinput{
    width:300px;
  }
  
  #primaryuploadform .sinput{
    width:350px;
    background:#00C0FF;
    border:1px solid #3698C5;
    padding:6px;
    font-weight:bold;
    color:white;
  }

#successfulupload span{
  display:block;
  padding:10px;
  color:#5B5B5B;
  font-size:14px;
  background:white;
  border:1px solid #E1E1D7;
  margin:8px 0 8px 0;
}

  #successfulupload span a{
    font-family:arial;
    font-weight:bold;
    color:#00C0FF;
  }
  
/* Footer & WGAA Logo */
#footercontent{
  float:left;
  width:600px;
  margin:8px 0 8px 0;
}
  #footercontent a{
    padding:3px 8px 3px 8px;
    margin:0 4px 4px 0;
  }
  #footercontent p{
    line-height:24px;
  }
  
#wgaalogo{
  display:block;
  text-align:right; 
  margin:16px 0 8px 0;
  float:right;
}

/* Frontpage */
#fpmosaic{

  padding:4px;
  margin:0;
  
  background:#F3F3F3;
  float:right;
  
  _width:498px;
}

  #fpmosaic a{
    width:70px;
    height:70px;
    display:block;
    float:left;
    padding:0;
    margin:0;
    
    background-repeat:no-repeat;
    background-position:center center;
  }
  
#fpintro{
  width:350px;
  float:left;
  text-align:center;
  margin:4px 0 0 0;
}

#fpfeatures{
  margin:15px 0 0 0;
}

#fpfeatures li{
  display:block;
  height:32px;
  text-align:left;
  
  background-repeat:no-repeat;
  background-position:center left;
  margin:6px 0 6px 0;
}

  #fpfeatures li span{
    display:block;
    margin:0 4px 0 37px;
    font-size:12px;
    
    color:#5B5B5B;
    font-family:Tahoma;
  }
  
  #fpfeatures b{
    color:#329ED1;
  }

/* Logging In */
#loginplatform{
  padding:10px;
  margin:10px 7px 7px 7px;
  background:#F1F0F0;
  line-height:18px;
}

/* Multi-Uploads */
.swiff-uploader-box a {
	display: none !important;
}

#uploadstatus .progress {
	background: url(http://imj.tw/frontend/multupload/assets/progress-bar/progress.gif) no-repeat;
	background-position: +50% 0;
	margin-right: 0.5em;
	vertical-align: middle;
}

#uploadstatus .progress-text {
	font-size: 0.9em;
	font-weight: bold;
}

#uploadlist li.validation-error {
	padding-left: 44px;
	display: block;
	clear: left;
	line-height: 40px;
	color: #8a1f11;
	cursor: pointer;
	border-bottom: 1px solid #fbc2c4;
	background: #fbe3e4 url(http://imj.tw/frontend/multupload/assets/failed.png) no-repeat 4px 4px;
}

#uploadlist li.file {
	border-bottom: 1px solid #eee;
	background: url(http://imj.tw/frontend/multupload/assets/picture_save.png) no-repeat 4px 4px;
	overflow: auto;
}
#uploadlist li.file.file-uploading {
	background-image: url(http://imj.tw/frontend/multupload/assets/uploading.gif);
	background-color: #FFF;
}
#uploadlist li.file.file-success {
	background-image: url(http://imj.tw/frontend/multupload/assets/tick.png);
	background-color: #FFF;
}
#uploadlist li.file.file-failed {
	background-image: url(http://imj.tw/frontend/multupload/assets/error.png);
	background-color: #FEB4B4;
}

#uploadlist li.file .file-name {
	font-size:11px;
	line-height:26px;
	margin-left: 26px;
	display: block;
	clear: left;
	height: 24px;
	font-weight: bold;
}
#uploadlist li.file .file-size {
	font-size: 11px;
  line-height:26px;
	float: right;
	margin-top: 2px;
	margin-right: 6px;
	width:60px;
	text-align:right;
}
#uploadlist li.file .file-info {
	display: block;
	font-size: 11px;
  line-height:26px;
	clear
}
#uploadlist li.file .file-remove {
	float: right;
	margin-right: 6px;
	line-height: 26px;
}	

/*------------*/

#uploadstatus {
	padding: 10px 15px;
	width: 500px;
	background:#F9F9F9;
	border:1px solid #E3E3E3;
}

#browsefiles{
  font-size:24px;
  text-decoration:underline;
  font-weight:bold;
  color:#616161;
}

#uploadlist {
	list-style: none;
	margin:0 auto;
}

#currentprogress, #overallprogress{
  float:left;
  padding:1px;
}
#overallprogress{
  margin-left:0px;
}

#demo-upload{
  font-size:24px;
  font-weight:bold;
  margin:1px;
  color:#2EB91A;
}

#uploadcontainer{
  float:left;
  width:500px;
}

#uploadtips{
  float:right;
  width:302px;
  background:#00C0FF;
  color:white;
  padding:5px 8px 5px 8px;
}

  #uploadtips p{
    color:white;
    font-weight:bold;
    font-size:14px;
  }
  
  #uploadtips a{
    color:#DFF8FF;
    font-weight:bold;
  }
  
#uploadbars{
  visibility:hidden;
  height:0;
  overflow:hidden;
}

/* Status Updates */
.statusupdate{
  padding:6px 12px 6px 28px;
  background:url("http://imj.tw/frontend/img/statusupdate.png");
  background-repeat:no-repeat;
  background-position:5px 5px;
  background-color:#95CD3C;
  border-bottom:1px solid #577A1D;
  border-top:1px solid #577A1D;
  color:white;
  font-size:14px;
  margin-bottom:8px;
}

  .statusupdate a{
    color:#FFF;
    font-weight:bold;
  }
  
.statuserror{
  padding:6px 12px 6px 28px;
  background:url("http://imj.tw/frontend/img/error.png");
  background-repeat:no-repeat;
  background-position:5px 5px;
  background-color:#D83500;
  border-bottom:1px solid #A42900;
  border-top:1px solid #A42900;
  color:white;
  font-size:14px;
  margin-bottom:8px;
}
  
/* New Menu (Old Menu Contents May Be Deleted) */
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	float:right;
}

#nav a {
  display:block;
  text-decoration:none;
  font-size:14px;
  font-weight:bold;
  padding:4px;
  color:#00C0FF;
}

#nav li {
	float: left;
	width: 120px;
	border-top:1px solid #FFF;
}
  
  #nav li a{
    text-align:center;
  }

  #nav li:hover{
    background:#00C0FF;
    border-top:1px solid #0D7DB1;
  }
  
  #nav li:hover a{
    color:white;
  }

#nav li ul {
	position: absolute;
  text-decoration:none;
  font-weight:bold;
  background:#00C0FF;
  width:120px;
  text-align:left;
	left: -999em;
}

  #nav li ul li{
    border-top:0;
  }

  #nav li ul a{
    font-size:11px;
    text-align:left;
    padding:6px 4px 6px 4px;
  }
  
  #nav li ul li:hover{
    border-top:0;
    background:#5B5B5B;
  }
  
  #nav li ul li:hover a{
    color:white;
  }

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

/* New Login (Old Can Be Deleted) */
#loginblock{
  text-align:center;
  border-top:1px solid #F1F1F1;
  padding-top:8px;
}

  #loginblock .signin{
    margin-top:0 auto;
    padding-left:11px;
    padding-right:11px;
  }
  
/* New Front Page (Old Can Be Deleted) */
.featureshowcase{
  margin-top:8px;
  padding:4px;
  margin-right:6px;
  width:200px;
  float:left;
}
  
  .featureshowcase .header{
    width:149px;
    float:right;
    _width:142px;
    overflow:hidden;
  }
  
  .featureshowcase img{
    float:left;
    _float:left;
  }

  .featureshowcase .header span{
    color:#2EB91A;
    font-size:16px;
    font-family:'Lucida Grande',Arial,Verdana,sans-serif;
    font-weight:bold;
  }

  #lastfeature{
    margin-right:0;
  }

#fpmain{
  width:344px;
  float:left;
}

  #fpmain .fpsignin{
    margin-top:10px;
    float:left;
    padding-left:11px;
    padding-right:11px;
  }
  
  #fpmain #lastsignin{
    margin-right:0px;
  }

#quotes{
  text-align:right;
  width:330px;
  margin:0 auto;
  color:#BCBCBC;
}
  blockquote{
    margin-top:5px;
    display:block;
    font-style:italic;
    font-size:12px;
    text-align:left;
    color:#5B5B5B;
  }