/* ***** yellows #C5A649 - #FDF6CA  #F7D87B - #FFFFFC
******** blues   #44595E   #768B90  #A8BDC2   #DAEFF4
******** maroons #680000 INV:#000068 (greenish) #9A3232 #CC6464 #fe9696
******** purples #36192B #684B5D #9A7D8F #CCAFC1 */

BODY { background-color:#C5A649; padding:0px; margin:0px; width:100%; color:black;
font-weight:bolder; font-size:0.75em; font-family:Verdana, Arial, Helvetica, sans-serif; }
.hide{display:none;}
A:link {color:#36192B;text-decoration:none;}
A:active { color:#006BAD; text-decoration:none;}
A:visited {color:#36192B;text-decoration:none;}
A:hover { background-color: #36192B; color:white; text-decoration:none;}
#ubcr-page { height:100%; width:100%; padding-top:18px;  display:block; background-color:#C5A649; }
#ubcr-page-container { display:block; height:100%; width:968px; border:1px solid black; margin:0 auto; padding:0px; position:relative;
-webkit-border-radius:30px; -khtml-border-radius:30px; -moz-border-radius:30px;}
#blue-gradient { color:black; height:108px; padding:10px;
background:-webkit-gradient(linear, left top, left bottom, from(#44595E), to(#fff));
background:-moz-linear-gradient(top, #44595E, #fff);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF44595E, endColorstr=#FFFFFFFF);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF44595E, endColorstr=#FFFFFFFF)";
-webkit-border-top-right-radius:30px; -webkit-border-top-left-radius:30px;
-khtml-border-radius-topright:30px; -khtml-border-radius-topleft:30px;
-moz-border-radius-topright:30px; -moz-border-radius-topleft:30px;}
#gold-gradient { color:black; min-height:600px; padding:0px; position:relative;
background:-webkit-gradient(linear, left top, left bottom, from(#C5A649), to(#fff));
background:-moz-linear-gradient(top, #C5A649, #fff);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFC5A649, endColorstr=#FFFFFFFF);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFC5A649, endColorstr=#FFFFFFFF)";
-webkit-border-bottom-right-radius:30px; -webkit-border-bottom-left-radius:30px;
-khtml-border-radius-bottomright:30px; -khtml-border-radius-bottomleft:30px;
-moz-border-radius-bottomright:30px; -moz-border-radius-bottomleft:30px;
}
#content-div { position:relative; padding:12px; width:auto; text-align:justify; }
#content-brewing-div,#admin-content-div { padding:0px;   width:auto; }
#year-table { position:absolute; top:0px;   left:0px;  padding:0px;  width:auto; }
#month-day {  position:absolute;  top:0px;  left:0px;  padding:0px; width:auto; }
#music-edit {  position:absolute;   padding:0px;   border-width:0px;  left:820px;}
#ubc-logo-div { position:absolute; top:0px; left:0px; padding:0px; width:306px; text-align:center; }
#address_phone{ color:black;   position:absolute; left:300px; top:27px; font-size:9pt; font-weight:normal; }
#page_title {  color:black;  font-size:18pt; font-weight:bold;  position:absolute; left:300px; top:72px; width:600px; text-align:center; }
#tab-employees {
    position:absolute; top:0px; left:300px; z-index:3000;
    width:600px; height:800px; overflow:scroll; background-color:white; border:2px solid black;
    -webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px;
}
#messagebox-div {color:white;font-weight:900;font-size:14pt;}
#fortune, .rounded-white, #beerlist, .music-tonight {
background-color:white; color:black; width:400px; padding:12px; text-align:center; border:1px solid black;
-webkit-border-radius:30px; -khtml-border-radius:30px; -moz-border-radius:30px;
}
.rounded-30 {
width:92%; background-color:white; color:black; padding:12px; text-align:center; border:1px solid black;
-webkit-border-radius:30px; -khtml-border-radius:30px; -moz-border-radius:30px;
}
#fortune { position:relative; width:auto; padding:6px; margin-top:6px;
-webkit-border-top-right-radius:10px; -webkit-border-top-left-radius:10px;
-khtml-border-radius-topright:10px; -khtml-border-radius-topleft:10px;
-moz-border-radius-topright:10px; -moz-border-radius-topleft:10px;
-webkit-border-bottom-right-radius:30px; -webkit-border-bottom-left-radius:30px;
-khtml-border-radius-bottomright:30px; -khtml-border-radius-bottomleft:30px;
-moz-border-radius-bottomright:30px; -moz-border-radius-bottomleft:30px;
}
#fortune-head { font-family:'Gloucester MT Extra Condensed'; font-size:1.2em; }
#beerlist { 
margin-left:300px; width:618px;
background:-webkit-gradient(linear, left top, left bottom, from(#C5A649), to(#fff));
background:-moz-linear-gradient(top, #C5A649, #fff);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFC5A649, endColorstr=#FFFFFFFF);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFC5A649, endColorstr=#FFFFFFFF)";
}
.brewname,#article-title,.article-title  { font-family:'Gloucester MT Extra Condensed'; font-size:23pt; line-height:21pt; color:black; }

.brewdesc,#article-posting-date,.article-posting-date  { font-family:Ligurino,Arial,Helvetica,Geneva,Swiss,SunSans-Regular; font-size:11pt; color:black; line-height:10pt; }
.music-tonight-header { font-family:'Gloucester MT Extra Condensed'; font-size:24pt; line-height:24pt; color:black; text-align:center; }
.music-tonight-band { font-family:'Gloucester MT Extra Condensed'; font-size:36pt; line-height:18pt; color:black; text-align:center; }
.music-tonight-info { font-family:'Gloucester MT Extra Condensed'; font-size:18pt; line-height:18pt; color:black; text-align:center; }
.music-tonight { display:inline-block; padding:6px; width:632px;
background:-webkit-gradient(linear, left top, left bottom, from(#C5A649), to(#fff));
background:-moz-linear-gradient(top, #C5A649, #fff);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFC5A649, endColorstr=#FFFFFFFF);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFC5A649, endColorstr=#FFFFFFFF)";
-webkit-border-radius:30px; -khtml-border-radius:30px; -moz-border-radius:30px;
}
#article-title,.article-title { padding-top:0px; margin-top:0px; }
#specials { width:300px; text-align:center; }
#content-top { width:944px; height:220px; margin-top:18px; margin-bottom:12px; border:none;
background:-webkit-gradient(linear, left top, left bottom, from(#C5A649), to(#fff));
background:-moz-linear-gradient(top, #C5A649, #fff);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFC5A649, endColorstr=#FFFFFFFF);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFC5A649, endColorstr=#FFFFFFFF)";
-webkit-border-radius:30px; -khtml-border-radius:30px; -moz-border-radius:30px;
}
.pics { height:150px; width:115px; padding:0; margin:0; overflow:hidden; }
.pics img { height:130px; width:95px; padding:10px; border:1px solid #ccc; background-color:#eee; top:0; left:0;
-moz-border-radius:14px; -webkit-border-radius:14px; }
.top-info,#cycle1,#cycle2,#cycle3,#cycle4,#cycle5 { float:left; margin:6px; }
.top-info { text-align:center; margin-left:30px; margin-right:30px; }
.pics-vert { height:166px; width:230px; padding:0; margin:0; overflow:hidden; }
.pics-vert img { height:126px; width:190px; padding:20px; border:1px solid #ccc; background-color:#eee; top:0; left:0;
-moz-border-radius:20px; -webkit-border-radius:20px; }
.pics-vert2 { height:300px; width:230px; padding:0; margin:0; overflow:hidden; }
.pics-vert2 img { height:260px; width:173px; padding:20px 28px 20px 28px; border:1px solid #ccc; background-color:#eee; top:0; left:0;
-moz-border-radius:20px; -webkit-border-radius:20px; }
.side-info,#cycle1-vert,#cycle2-vert,#cycle3-vert,#cycle4-vert,#cycle5-vert { text-align:center; margin:6px; margin-left:24px;}
.side-info {  width:276px; padding:6px; text-align:center;  margin-left:0px; margin-right:12px; border:1px solid black;
background:-webkit-gradient(linear, left top, left bottom, from(#44595E), to(#fff));
background:-moz-linear-gradient(top, #44595E, #fff);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF44595E, endColorstr=#FFFFFFFF);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF44595E, endColorstr=#FFFFFFFF)";
-webkit-border-radius:30px; -khtml-border-radius:30px; -moz-border-radius:30px;
}
.side-info-black {  width:276px; padding:6px; text-align:center;  margin-left:0px; margin-right:12px; border:1px solid black;
background-color: black; color: white; font-weight: bold;
-webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px;
}
#hours {width:632px;position:relative; border:none; display:inline; }
.hours { padding:12px; border:1px solid black; float:right; text-align:center; margin-right:4px; margin-bottom:14px;
-webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px; }
.hours-head { font-family:'Gloucester MT Extra Condensed'; font-size:18pt; }
.article { font-family:'Gloucester MT Extra Condensed'; font-size:18pt; line-height:18pt; color:black; }
.section,.link-name,.link-name a { font-family:'Gloucester MT Extra Condensed',Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular; font-size:23pt; line-height:21pt; color:black; }
.title { font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular; font-size:16pt; color:black; line-height:16pt; }
.content { font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular; font-size:11pt; color:black; line-height:10pt;  }
.intranet { padding:12px; }

#faq_question-div,#faq_answer-div,#fv_question_,#fv_answer_ { width:100%; }
#calendar-month-container {width:632px; position:relative; height:700px; padding:0px; border-width:0px;}
#article-random-div {width:632px; position:relative; text-align: center; padding:0px; border-width:0px;}

form div { display:inline-block; }
form fieldset div { margin:0px; }
.rship-div,.main-div,.multi-div{
    vertical-align: top; background-color:#FDF6CA; display:inline-block; margin:24px 12px 12px 12px; padding:0px 6px 6px 6px;
  -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px;
}
.rship-fieldset,.main-fieldset,.multi-fieldset{
    background-color:#FDF6CA; border:0px groove ThreeDFace; margin:.5em 0; padding:0 .5em;
    -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px;
}
.rship-legend,.main-legend,.multi-legend,.appface {
    margin:-1.6em 0 12px 6px; float:left; padding:3px 6px 0px 6px;
    font-family:Verdana,Helvetica,sans-serif; font-size:11pt; font-weight:bold; background-color:#FDF6CA;
    -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px;
}
.rship-legend + * { clear:left; }
.main-legend + * { clear:left; }
.multi-legend + * { clear:left; }
input.Schedule, input.Update, input.Delete, input.Open, input.Insert,input.Add, input.ListAll,.input-submit,
.ListOld,.ListUpcoming,.ListCurrent,.ListPast{
display:inline; width:75px; height:20px;
text-align:center; font-weight:bold;
border:1px solid #9A3232; padding:0px 3px 0px; margin:0px;
color:black; background-color:#F7D87B;
-webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px;
}
input[type="checkbox"] { vertical-align: bottom; }
label { background-color:#9A3232; color:white; font-size:8pt; display:block; text-align:left; padding:3px;
    margin:0px 0px 1px 0px; font-weight: bold;
    -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px;
}
form {  clear:both;}
fieldset { padding:6px; background:#680000; clear:both; }
input, textarea, select, #fv_confirmed_-wrap {
    color:black; background:#F7D87B; border:1px solid #9A3232; font-weight:normal; margin: 2px 0px 2px 0px;
}
fieldset{
    display:inline; background-color:#FDF6CA; display:inline; margin:12px; display:inline-block;
    -webkit-border-radius:20px; -khtml-border-radius:20px; -moz-border-radius:20px;
}
legend {
    font-family:Verdana,Helvetica,sans-serif; font-size:9pt; font-weight:bold;
    padding:3px 6px 3px 6px; background-color:#FDF6CA;
    -webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px;
}
form { vertical-align: top; }

/* BOB:  */
.action-wrench { display:inline; vertical-align: middle; background-position: -176px -112px; width: 16px; height: 16px;
    background-image: url(/css/ubc-two/images/ui-icons_ffffff_256x240.png);text-indent: -99999px;
    overflow: hidden; background-repeat: no-repeat; border:0; }
.ui-icon-gear, .ui-icon-extlink { display:inline; vertical-align: middle; }
img.bob-gear { border:1px solid #F7D87B; }
.multi-td-display { min-height:20px;padding:0px; }
.multi-row-div {display:table-row-group; padding:0px; margin:0px;}
form.multi-form {min-height: 20px;}
label {padding:3px;}
.multi-td-buttons div label {display:block;}
.multi-td-buttons div label.button-width-1 { text-align: center; width:74px; }
.multi-td-buttons div label.button-width-2 { text-align: center; width:148px; }
.multi-td-buttons div label.button-width-3 { text-align: center; width:222px; }
input,select {margin-left:-2px;}
.main-div {vertical-align: top;}

/* BOB multi-record overlay & form */
.rows-cells,.columns-cells,.rows-label,.columns-label,.multioverlay-div,.multioverlay-form { display: inline-block; }
.price-textfield { width: 40px; }
.price-textfield,.available-checkbox { margin: 3px; }
.multioverlay-div,.multioverlay-form,.rows-label { width: 150px; }
.columns-label { width: 150px; }
label.columns-label,label.rows-label,label.rows-cells,label.columns-cells { width: 150px; padding:3px; border:1px solid white;}
.multi-record-update {
    display:block; height:20px; text-align:center; font-weight:bold;
    border:1px solid #9A3232; padding:0px 3px 0px; margin:0px; color:black; background-color:#F7D87B;
    -webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px;
}
.label-dropdowns,.multi-record-dropdowns { width:70px; }
.label-checkboxes { width:70px; }
.multi-record-update { width:300px; }