/* Stylesheet For Arran Adventure Calander*/

/* Main Styles*/

html{margin:0px;padding:0px}
body{font-family:Arial,sans-serif;text-align:left; background-color:#000000; font-size: 12px;margin:0px;padding:0px}

#container{width: 942px; border: solid 0px red; margin: 30px auto 0 auto;}
#rowTopLinks{width: 942px; background-color: Transparent; float: left; padding-bottom: 10px;}
#rowViews{width: 942px; height: 29px; background-color: Transparent; background-image: url('calendar_view_bgnd.jpg'); background-repeat: repeat-x;}
div#logintop{width: 942px; background-color: Transparent; float: left; padding-bottom: 10px; }
.loggedintopright{text-align:left; float:right; height: 25px; margin-top: 10px; padding-top: 5px; color:#FF9900; padding-right: 10px; }
div#logintopright{text-align:left; width:100px; float:right; height: 25px; margin-top: 10px; background-image:url('loginPlusico.gif'); background-repeat: no-repeat; background-position:left 1px; padding-left: 35px; padding-top: 5px; }
div#myaccounttopright{text-align:left; width:75px; float:right; height: 25px; margin-top: 10px; background-image:url('myaccounticon.gif'); background-repeat: no-repeat; background-position:left 1px; padding-left: 35px; padding-top: 5px; }
div#mybaskettopright{text-align:left; width:60px; float:right; height: 25px; margin-top: 10px; background-image:url('myBasketIcon.gif'); background-repeat: no-repeat; background-position:left 1px; padding-left: 35px; padding-top: 5px; }
div#homepagetopright{text-align:left; width:60px; float:right; height: 25px; margin-top: 10px; background-image:url('../images/homeIcon.gif'); background-repeat: no-repeat; background-position:left 1px; padding-left: 35px; padding-top: 5px; }
div#mybookingstopright{text-align:left; float:left; height: 25px; margin-top: -2px; padding-top: 0px; color:#FF9900; padding-left: 15px; }

.iconLegendHolder{float:right;}
.iconLegend{float:left; padding-right: 5px; padding-top: 2px;}

ul#navlist{list-style-type: none; margin: 0; padding: 0; float: left; text-align:left;}
ul#navlist li{float: left; height: 29px; background-color: Transparent;}
ul#navlist li#active{background-image: url('calendar_view_btn_bgnd_hover.jpg'); background-repeat: repeat-x;}
li#active a { color: #000; }
#navlist a{float: left; display: block; color: #FFFFFF; text-decoration: none;padding: 6px 20px 6px 20px;}
#navlist a:hover {background-image: url('calendar_view_btn_bgnd_hover.jpg'); background-repeat: repeat-x; color: #000000; }
.navSplitter{float: left; width: 2px; height: 29px; background-image:url('calendar_view_btn_bgnd.jpg'); background-repeat: no-repeat;}

#heading{float: left; padding: 10px 0 0 10px; width: 220px;}
h1{color:#999999; font-size: 18px; font-weight: lighter; padding: 0; margin: 0;}
#toplinks{float: left; padding: 0 0 0 0px; width: 705px;}
.toplink{float: right; padding: 10px 0 0 20px; }
a.orangeLink:link, a.orangeLink:active, a.orangeLink:visited{color: #E38D0B; text-decoration: underline;}
a.orangeLink:hover{text-decoration: none;}
a.whiteLink:link, a.whiteLink:active, a.whiteLink:visited{color: #FFFFFF; text-decoration: none;}
a.whiteLink:hover{text-decoration: underline;}

a.blackLink:link, a.blackLink:active, a.blackLink:visited{color: #000000; text-decoration: none; font-weight:bold;}
a.blackLink:hover{text-decoration: underline; font-weight:bold;}

#innercontainer{width: 942px; background-color:#1A1A1A; margin: 0 auto 0 auto; padding-bottom: 20px;}
#searchRow{width: 932px; height: 29px; background-color: Transparent; padding: 10px 0 10px 10px;}

#searchRow .date{color: #FFFFFF; padding: 0 10px 0 10px; float: left;}
#searchRow .searchComponents{float: left;}
#searchRow .searchComponentsBox{float: left; padding-left: 10px; margin-top: -3px;}

.calDropDownFilter{float: right; padding-left: 0px; margin-top: -5px; padding-right: 20px; padding-bottom: 2px;}
.calDropDownFilterSearchBox{color:#333333; width:220px; margin: 3px 0px 10px 0px; font-size:12px; float: left;}
.calDropDownFilterEnquireBtn{margin-left: 0px; margin-top: 5px; padding-left: 10px;  float: left;}

.clearboth{clear:both;}

/* There is a bgnd on this to give the impression of a table; keeps all columns the same height */
#columnContainer{width: 896px; border-left: solid 1px #000000; border-right: solid 1px #000000; border-bottom: solid 1px #000000; margin: 0 auto 0 auto; background-color: Transparent; background-image: url('cols_bgnd.jpg'); background-repeat: repeat-y;}
#columnContainerRows{width: 896px; border-left: solid 1px #000000; border-right: solid 1px #000000; border-bottom: solid 1px #000000; margin: 0 auto 0 auto; background-color: Transparent;} 

/* Day View */
.oneDayInstanceContainer{width: 896px; float:left; background-image: url('rows_bgnd.jpg'); background-repeat: repeat-x; background-position: left top;}
.dayColumn{width: 896px; background-color: Transparent; float:left; padding-bottom: 10px; }
.dayRowDayToday{font-weight: bold; margin: 0; width: 891px; padding-left: 5px; height: 17px; text-align: center; color:#999999; background-color:#1A1A1A;}
.dayRowDateToday{color: #000000; font-weight: bold; margin: 0; width: 891px; padding-left: 5px; height: 17px; text-align: left; background-image:url('dateBgndToday.jpg'); background-repeat: repeat-x;}
.columnTimes{width: 98px; background-color: Transparent; float: left;}
.columnTimesRow{width: 93px; padding-left: 5px; padding-top: 7px; background-color: Transparent; height: 20px; border-bottom: 1px solid #000000; color: #FFFFFF; border-right: 1px solid #000000;}
.dayColumnInstances{width: 120px; background-color: #242424; padding: 0px 5px 0px 5px; float: left; border: solid 1px #000000; margin-left: 1px;}
.dayColRowText{color: #FFFFFF; margin: 0; width: 110px; text-align: left; padding: 5px 5px 0 5px; font-weight: bold; }

.newblock{width: 798px; float: left;}
.day_colRowText{color: #FFFFFF; margin: 0; width: 886px; text-align: left; padding: 20px 5px 0 5px; font-weight: bold; }
.day_allDayRowText{color: #FFFFFF; margin: 0; width: 886px; text-align: center; padding: 0 0 0 0; font-weight: bold; background-image: url('day_allDayBgnd.jpg'); background-repeat: no-repeat; height: 18px; }

.dayMultiinstanceColumn{width: 896px; background-color: Transparent; float:left; padding-bottom: 1px;}
.day_startmultidiv{background-color: Transparent; width: 100%; height: 17px; background-image: url('day_multiInstanceStart_bgnd.gif'); background-repeat:no-repeat;}
.day_startmultidiv p{color: #9F9F9F; margin: 0; padding: 1px 0 0 0;}
.day_middlemultidiv{background-color: Transparent;width: 100%; height: 17px; background-image: url('multiInstance_bgnd.gif');  background-repeat:repeat-x;}
.day_middlemultidiv p{color: #ffffff; margin: 0; padding: 1px 0 0 0; }
.day_middlemultidivright{background-color: Transparent;width: 100%; height: 17px; background-image: url('multiInstance_bgnd.gif'); background-repeat:repeat-x; text-align: right;}
.day_middlemultidivright p{color: #ffffff; margin: 0; padding: 1px 0 0 0; }
.day_endmultidiv{background-color: Transparent;width: 100%; height: 17px; background-image: url('day_multiInstanceEnd_bgnd.gif');  background-repeat:no-repeat;  }
.day_endmultidiv p{color: #9F9F9F; margin: 0; padding: 1px 0 0 0; }

.day_titleMultiInstance{float: left; margin-top: -17px; background-color: Transparent; text-align: center; color: #FFFFFF; height: 15px; border: solid 0px gray;}



/* Week View */
.column{width: 128px; background-color: Transparent; float:left; padding-bottom: 10px; }
.columnlast{width: 128px; background-color: Transparent; float:left; padding-bottom: 10px;}
.colRow{color: #999999; margin: 0; width: 128px; text-align: center; padding-bottom: 5px;}
.colRowText{color: #FFFFFF; margin: 0; width: 118px; text-align: left; padding: 20px 5px 0 5px; font-weight: bold; }
.colRowDates{color: #FFFFFF; font-weight: bold; margin: 0; width: 123px; padding-left: 5px; height: 17px; text-align: left; background-image:url('dateBgnd.jpg'); background-repeat: repeat-x;}
.colRowDatesToday{color: #000000; font-weight: bold; margin: 0; width: 122px; padding-left: 5px; height: 17px; text-align: left; background-image:url('dateBgndToday.jpg'); background-repeat: repeat-x;}
.allDayRow{width: 896px; border-bottom: solid 1px #000000; margin: 0 auto 0 auto; background-color: #202020; float: left;}
.allDayRowText{color: #FFFFFF; margin: 0; width: 118px; text-align: center; padding: 0 0 0 0; font-weight: bold; background-image: url('allDayBgnd.jpg'); background-repeat: no-repeat; height: 18px; }

/* Month View */
.month_column{width: 128px; background-color: Transparent; float:left;  }
.month_columnlast{width: 128px; background-color: Transparent; float:left; }
.month_daybox{width: 100%; border-top: solid 1px black; height: 118px;}
.month_dayboxtoday{width: 100%; border-top: solid 1px #E38D0B; height: 118px;}
.month_colRowText{color: #FFFFFF; margin: 0; width: 118px; text-align: left; padding: 10px 5px 0 5px; font-weight: bold; }
.month_dayBoxRowDates{color: #FFFFFF; font-weight: bold; margin: 0; width: 123px; padding-left: 5px; height: 17px; text-align: left; background-image:url('dateBgnd.jpg'); background-repeat: repeat-x;}
.month_dayBoxRowDatesToday{color: #000000; font-weight: bold; margin: 0; width: 122px; padding-left: 5px; height: 17px; text-align: left; background-image:url('dateBgndToday.jpg'); background-repeat: repeat-x;}
.activityPlusImg{float:right; border: none; padding-right: 2px;}

.orangeClass{color: #E38D0B;}


/* Popup Styles */

#calendar_popup{width: 95%; height: 95%; padding: 10px 0 0 10px;}
#calendar_popup p{width: 95%; margin:0; padding-bottom: 10px;}
.optionName{float: left; padding-right: 10px; width: 140px;}
.optionList{border: solid 1px green; float: left; margin-top: 13px;}

.multicolumn{width: 128px; background-color: Transparent; float:left; margin-top: 0px;}
.multicolumnlast{width: 128px; background-color: Transparent; float:left; margin-top: 0px; }


.multiDayHolder{background-color: Transparent; float:left; padding-top: 2px;}

.startmultidiv{background-color: Transparent; width: 100%; height: 17px; background-image: url('multiInstanceStart_bgnd.gif'); background-repeat:no-repeat;}
.startmultidiv p{color: #9F9F9F; margin: 0; padding: 1px 0 0 12px;}
.middlemultidiv{background-color: Transparent;width: 100%; height: 17px; background-image: url('multiInstance_bgnd.gif'); background-repeat:repeat-x;}
.middlemultidiv p{color: #ffffff; margin: 0; padding: 1px 0 0 12px; }
.middlemultidivright{background-color: Transparent;width: 100%; height: 17px; background-image: url('multiInstance_bgnd.gif'); background-repeat:no-repeat; text-align: right;}
.middlemultidivright p{color: #ffffff; margin: 0; padding: 1px 12px 0 0; }
.endmultidiv{background-color: Transparent;width: 100%; height: 17px; background-image: url('multiInstanceEnd_bgnd.gif'); background-repeat:repeat-x; text-align: right; }
.endmultidiv p{color: #9F9F9F; margin: 0; padding: 1px 12px 0 0; }

.titleMultiInstance{float: left; margin-top: -17px; overflow: hidden; background-color: Transparent; text-align: center; color: #FFFFFF; height: 15px;}


/* Link Styles */

a{color:#FF9900;}
a.linkorange{ color:#FF9900;}
.orange{ color:#FF8326;}
.red{ color:#F0303D;}
.pink{ color:#F22489; }
.purple{ color:#BF15CD; }
.blue{ color:#195ACE;}
.aqua{ color:#2AC5CA;}
.turquoise{ color:#18F09D;}
.green{ color:#19F539;}
.yellow{color: #FFF029;}
.gray{color: #C6C6C6;}
.lightBlue{color: #8EC3FF;}

/* Ajax Calander */

.cal_Theme1 .ajax__calendar_container { background-color: #e2e2e2; border:solid 1px #cccccc;} 
.cal_Theme1 .ajax__calendar_header { background-color: #ffffff; margin-bottom: 4px;} 
.cal_Theme1 .ajax__calendar_title, .cal_Theme1 .ajax__calendar_next, .cal_Theme1 .ajax__calendar_prev { color: #333333; padding-top: 3px; } 
.cal_Theme1 .ajax__calendar_body {background-color: #e9e9e9; border: solid 1px #cccccc; } 
.cal_Theme1 .ajax__calendar_dayname { text-align:center; font-weight:bold; margin-bottom: 4px; margin-top: 2px; color: #333333; } 
.cal_Theme1 .ajax__calendar_day { text-align:center; color: #333333; } 
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_month, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_year, .cal_Theme1 .ajax__calendar_active { color: #999999; font-weight:bold; background-color: #ffffff; } 
.cal_Theme1 .ajax__calendar_today { font-weight:bold; color: #333333;} 
.cal_Theme1 .ajax__calendar_other, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_today, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_title { color: #bbbbbb; } 


.modalBackground {background-color:Gray;filter:alpha(opacity=30);opacity:0.3;}
.modalPopup {border-width:3px;border-style:solid;border-color:#000000;background-color: #FFFFFF; background-image: url('cal_popup_bgnd.jpg'); background-repeat: repeat-x; background-position: left bottom; padding-left:0; padding-right: 2px;width: 300px; overflow:hidden;}
.hidden{display:none;}
.show{display:block;}
.closeBtn{float:right; padding-right: 2px;}
.errorMsg{color:#A90000; font-weight:bold;}

/*Popup Login Box */

.loginPopup {border-width:3px;border-style:solid;border-color:#000000;background-color: #333333; padding-left: 0px; padding-right: 0px; margin-top: 25px; width: 180px; overflow:hidden; z-index: 5000;}
.hidden{display:none;}
.closeBtn{float:right; padding-right: 2px;}
.errorMsg{color:#A90000; font-weight:bold;}
.loginLeft{width: 170px; padding-bottom: 3px; color: #FFFFFF; padding-left: 10px;}
.loginLeftLink{width: 170px; padding-top: 3px; padding-bottom: 3px; color: #FFFFFF; padding-left: 10px;}
.loginBreak{width: 100%; border-bottom: solid 2px #000; height: 1px; padding: 3px 0 3px 0;}

.floatright{
    float:right;
    padding:0px 10px 0px 0px;
    margin:5px 0px 0px 10px;
    }

.logoutTop{
    float:left;
    padding:0px 0px 0px 10px;
    margin:-2px 10px 0px 0px;
    }