@charset "utf-8";
#header {
  height:73px;
  background:white url(../images/card/tabs/background.png) repeat-x;
  background-position:0px 19px;
}
#headercontent {
  left:0px;
  margin:0pt auto;
  position:relative;
  width:980px;
}

/* STANDARD OUTER WIDTHS (spacing and all)*/
/* total:  980 / 10 = 98 */
div.col_xl{
  margin-top:12px;
  float:left;
  width:784px; /*  8 * 98 (big card, banner) */
}
div.col_l{
  margin-top:12px;
  float:left;
  width:441px; /*  4.5 * 98 (profile left)*/
}
div.col_m{
  margin-top:12px;
  float:left;
  width:294px; /*  3 * 98   (half-width front page story) */
}
div.col_m2{
  margin-top:12px;
  float:left;
  width:588px; /*  4 * 98   (full width front page story) */
}
div.col_s{
  margin-top:12px;
  float:left;
  width:343px; /*  3.5 * 98 (profile right) */
}
div.col_xs{
  margin-top:12px;
  float:left;
  width:261px; /*  ~784/3   (small card) */
}
div.col_xxs{
  margin-top:12px;
  float:left;
  width:196px; /*  2   * 98 (sidebar) */
}

.sidebar h2{
  font-weight:bold;
  font-size:15px;
  line-height:18px;
  color:#a61d21;
  margin-left:2px;
}
.sidebar h2 a{
	color:#a61d21;
}
.sidebar h3{
	margin-top: 5px;
}
.sidebar p{
  font-size:10px;
  margin-top: 8px;
}

/* box rendering details: */
.sidebar{
	width:186px;
  margin-bottom: 10px;
}
.sidebar_top{
	height:18px;
	background-image:url(../images/card/sidebar/top.png);
  background-repeat:no-repeat;
}
.sidebar_mid{
  padding: 0px 12px;
	background-image:url(../images/card/sidebar/mid.png);
  background-repeat:repeat-y;
}
.sidebar_bottom{
	height:18px;
	background-image:url(../images/card/sidebar/bottom.png);
  background-repeat:no-repeat;
}


.sidebar_content{
  margin: 0px 6px;
}
.sidebar form{
  margin-left:2px;
}
.sidebar .input{
  margin:0px; /* doesn't do what it looks like, but better than nothing */
}
.sidebar .short{
  width: 33px;
}
.sidebar .med{
  width: 105px;
}
.sidebar .long{
  width: 146px;
}
.sidebar .button{
  font-size: 12px;
  vertical-align:top;
}

/* DETAIL */
.col_xl .card  .content{
  margin: 0px 10px;
}
.col_xl .card  h1{
  padding-bottom: 20px;
}
.col_xl .card  p{
  padding-bottom: 10px;
}
/* box rendering : */
.col_xl .card {
	width:784px;
  margin-bottom: 10px;
}
.col_xl .card  .top{
	height:18px;
	background-image:url(/images/card/detail/top.png);
  background-repeat:no-repeat;
}
.col_xl .card  .mid{
  padding: 0px 12px;
	background-image:url(/images/card/detail/mid.png);
  background-repeat:repeat-y;
}
.col_xl .card  .bottom{
	height:18px;
	background-image:url(/images/card/detail/bottom.png);
  background-repeat:no-repeat;
}

.col_xl .personal  .card .top{
	background-image:url(/images/card/pdetail/top.png);
}
.col_xl .personal  .card  .mid{
	background-image:url(/images/card/pdetail/mid.png);
}
.col_xl .personal  .card  .bottom{
	background-image:url(/images/card/pdetail/bottom.png);
}


/* NEW CARD LIST */

.card_xl_3 {
  float:left;
	width:254px; /* Spacing not included: 254 +11+ 254 +11+ 254 = col_xl  */
}
.card_xl_3 .top{
	height:10px;
  font-size:1px;
  background-repeat:no-repeat;
	background-image:url(/images/card/newlist/top.png);
}
.card_xl_3  .mid{
  padding: 0px 2px;
  background-repeat:repeat-y;
	background-image:url(/images/card/newlist/mid.png);
}
.card_xl_3 .bottom{
	height:10px;
  background-repeat:no-repeat;
	background-image:url(/images/card/newlist/bottom.png);
}
.personal .card_xl_3 .top{
	background-image:url(/images/card/newlist/top_p.png);
}
.personal .card_xl_3  .mid{
	background-image:url(/images/card/newlist/mid_p.png);
}
.personal .card_xl_3  .bottom{
	background-image:url(/images/card/newlist/bottom_p.png);
}
.card_xl_3 .content{
  padding: 0px 10px;
}


/* INVISIBLE CARD LIST */
.clearcard {
  float:left; 
  width:250px; 
  height:200px;
  margin-bottom:10px;
}
.clearcard .content{
  width:200px; 
  margin: 10px 0px 0px 30px;
}
.clearcard h3{
  padding: 3px;
}

/* OLD CARD LIST */
.col_xl .card3  .content{
  padding: 0px 10px;
}
.col_xl .card3  h1{
  padding-bottom: 20px;
}

.col_xl .card3  p{
  margin-bottom: 10px;
}


/* BOX RENDERING: */
.col_xl .card3 {
  float:left;
	width:250px;
  margin: 0px 11px 11px 0px;
}
.col_xl .card3 .top{
	height:10px;
  font-size:1px;
	background-image:url(/images/card/list/top.png);
  background-repeat:no-repeat;
}
.col_xl .card3  .mid{
  padding: 0px 2px;
	background-image:url(/images/card/list/mid.png);
  background-repeat:repeat-y;
}
.col_xl .card3  .bottom{
	height:10px;
	background-image:url(/images/card/list/bottom.png);
  background-repeat:no-repeat;
}
.col_xl .personal .card3 .top{
	background-image:url(/images/card/plist/top.png);
}
.col_xl .personal .card3  .mid{
	background-image:url(/images/card/plist/mid.png);
}
.col_xl .personal .card3  .bottom{
	background-image:url(/images/card/plist/bottom.png);
}
.card3 .cmd{
  font-weight: bold;
  font-size: 11px;
}
.card3indent{
  margin-left: 10px;
}

.simplebox {
  float:left;
  border: 1px solid #ddd;
  background: white;
  color: #666;
}
.fpbox {
  float:left;
  border: 1px solid #ddd;
  background: white;
  color: #666;
  width:284px; height:245px;
  font-size: 14px;
}

.newslist .row {
  clear: both;
  padding: 5px 0px;
}
.newslist .hsep {
  border-bottom: dotted 1px #bbb;
}
.newslist a.plain{
  color: black
}

div .flatbox{
  border:2px solid #f0f0f0;
  background: #fff;
  color:#666;
  padding:5px 10px;
  margin-top: 10px;
}
.flatbox h2{
  color:#a61d21;
  font-weight:bold;
  font-size: 28px;
  margin:0;
  padding:0;
}

/* Image browsing */
.mediadetail{
  float:left;
  width:400px;
  padding:10px;
  background:white;
}

.stripholder{
  position: relative;
  margin-top:10px;
  clear:both; 
}
.mediastrip{
  clear:both; 
  text-align:left;
}
.mediastrip .mediaitem{
  float:left;
  height:110px;
  width:140px;
  padding-bottom:16px;
}
.mediastrip .itemframe{
  position:relative;
  background:white;
  border:solid white;
  border-width: 4px;
  padding: 6px 6px 0px 6px;
  height:103px;
  width:120px;
  font-size:10px;
  line-height:13px;
  color:gray;
}
.mediastrip .selected .itemframe{
  border-color:#Ca777a;
}

.projectpane {
  float:left;
  width:300px;
  margin-left:20px;
}
.decalbuttons{
  position:absolute;
  right:4px;
  bottom:3px;
}
.itemframe .decalbuttons{
  position:absolute;
  right:5px;
  top:5px;
}


/* Forms: */
div.optional, div.required{
  margin-top:10px;
}

.inputwrapper{
  border:1px solid #bbb;
  background:white;
  padding: 1px 2px;
}
.inputwrapped{
  border:none;
  padding:0;
  margin:0;
}

/* Unsorted: */

img.avatar{
  background-repeat:no-repeat;
  background-position:bottom center;  
}

.viseno_reverse{
  background: #a61d21;
  color:white;
}
.viseno_reverse input{
  background:white;
  border:0;
  padding:0px 3px;
  margin:0;
  width:100px;
}
.viseno_reverse a{
  color:#E4BCBD;
}

div.user_tool{
  font-size:12px;
  padding:10px 5px 5px 6px;
  border-top: dotted 1px #ccc;
}