/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
  font-family: Arial,sans-serif;
  color: #333333;
  line-height: 1.166; 
  margin:0;
  padding:0;
  overflow:hidden;
}

a{
  color: #006699;
  text-decoration: none;
}

a:link{
  color: #006699;
  text-decoration: none;
}

a:visited{
  color: #006699;
  text-decoration: none;
}

a:hover{
  color: #006699;
  text-decoration: underline;
}

h1{
 font-family:Arial,sans-serif;
 font-size:120%;
 color:#334d55;
 margin:0;
 padding:0;
}

h2{
 font-family:Arial,sans-serif;
 font-size:114%;
 color:#006699;
 margin:0;
 padding:0;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0;
 padding: 0;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}

#login_form label {
  width:150px;
  line-height:1em;
  float:left;
  text-align:right;
  margin-right:0.1em;
  font-size:10pt;
  padding-top: 4px;
}


#login_form fieldset 
{
	margin: 5px 0px 0px 5px;
	padding: 10px;
	width:450px;
}
#login_name, #login_pass {
  width:150px;
  margin:0 0 0.5em 0.2em;
  font-family: Arial, sans-serif;
  font-size:10pt;
}
#login_submit {
  float:right;
}
#login_form a {
  float:right;
  margin-right:0.3em;
  /*font-size: 10pt;*/
}
#login_msg {
  color:red;
}

#reg_form label{
  width:16em;
  line-height:1em;
  float:left;
  text-align:right;
  margin-right:0.1em;
}
#reg_form fieldset{
  width:20.5em;
}
#reg_name, #reg_pass, #reg_pass_conf, #reg_email {
  margin:0 0 0.5em 0.2em;
  width:11em;
  padding:0;
  font-family: Verdana, sans-serif;
  font-size:85%;
}

#reg_form .noresize {
  width:auto;
}

#reg_btn {
  float:right;
}

#reg_msg {
  display:block;
  color:red;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
  padding: 10px 0 5px 0;
  width: 100%;
  background:#5E8D8D;
}
#masthead h1, #masthead h2, #masthead a{
  color:white;
}

#main{
  position:relative;
  float:left;
  width:75%;
  display:inline;
  background:#D5EBEB;
}

#outfits{
  position:relative;
  font-size: 90%;
  float:left;
  width:100%;
  height:600px;
  display:inline;
  background:#D5EBEB;
}

#searchTool{
  float: left;
  width: 30%;
  background:#EDF4F4;
}

#searchRes{
  float:left;
  width:69.99%;
  height:600px;
  overflow:auto;
}

#editForm{
  float:left;
  width:67.9%;
  overflow:auto;
}

#view{
  position:relative;
  float:right;
  width: 24.99%;
  height: 600px;
  display:inline;
  background:#EDF4F4;
}



/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
  margin: 0;
  padding: 0 0 0 10px;
}


/************* #globalNav styles **************/

#globalNav{
padding: 0px 0px 5px 10px;
color: #cccccc;
}

#globalNav img{
 display: block;
}

#globalNav a {
  font-size: 90%;
  padding: 0 4px 0 0;
}

/*************** #pageName styles **************/

#pageName{
  margin: 0;
  padding: 0 0 0 10px;
}

/************* #siteInfo styles ***************/

#siteInfo{
  clear: both;
  font-size: 75%;
  color: white;
  padding: 10px;
  text-align:center;
  background:#5E8D8D;
}

/************* #search styles ***************/

#search{
  padding: 8px 0px 0 8px;
  font-size: 90%;
  height:45px;
  background:#FFA743;
}

#search label{
  display: block;
  margin:0;
  padding:0;
}

#searchTags{
  padding: 5px 0 5px 10px;
  font-size: 90%;
  height: 435px;
  overflow:auto;
}

#filtertags{
  display:block;
}

#bodyTags{
  font-size: 90%;
  height:100px;
  overflow:auto;
  background:white;
}

/*********** #outfits styles ***********/
#outfits h3{
  padding: 10px 0px 2px 10px;
}

#outfits a {
  display: block;
  padding: 2px 0px 2px 10px;
}

/************** #headlines styles **************/

#view_outfit{
  position:absolute;
  overflow:auto;
  width:100%;
  top:0px; bottom:77px;
  height:expression(this.parentNode.offsetHeight - 77);
}
#view_outfit DIV{
  padding:10px;
}
#view_controls{
  background:#F5D52C;
  position:absolute;
  width:100%;
  height:67px;height:"77px";
  padding-top:5px;
  padding-bottom:5px;
  bottom:0;
}
* html #view_controls{
 padding-bottom:0;
}

#view_controls *{
  margin-left:5px;
  margin-bottom:5px;
}
#view_controls #view_name{
  display:block;
}

#view_btn_save{
  display:block;
}

.drop_hover{
  background:#fce;
}

#view_date_value{
  background:#5E8D8D;
  color:white;
  padding:3px;
  font-weight:bold;
  font-size:80%;
  cursor:hand;
  cursor: pointer;
}

#searchRes .item{
  padding:10px;
}

#editForm *{
  margin-top:5px;
  margin-left:5px;
}

form{
 margin:0;
 padding:0;
}

#profile{
  position:absolute;
  width:200px;
  margin:auto auto;
  background:#5E8D8D;
  border:#ccc;
  padding-bottom:5px;
  padding-right:5px;
  z-index:1;
  text-align:right;
  top:60px;
  left:200px;
  border:2px solid white;
}

#profile *{
  margin-left:5px;
  margin-top:5px;
}

#profile label{
  float:left;
  font-size:80%;
  width:180px;
  text-align:left;
  color:white;
  font-weight:normal !important;
}

#profile_newpass, #profile_newpass_conf{
  width:190px;
}