/* ----- Main Content Layout ----- */

@font-face { font-family: 'Neo Sans'; src: url('../../fonts/NeoSans.ttf') format('truetype'), url('../../fonts/NeoSans.otf') format('opentype'), url('../../fonts/NeoSans.otf?#iefix'); }

body { font-size:11px; font-family: 'Neo Sans', Helvetica Neue, Arial, sans-serif; color: #646364; background-color:#f4f8fb; height:95.4%; }
html { height: 100%; }
.d_Page { width: 941px; font-size: 13px; min-height:101%; background-color:#F5F5ED; margin:-8px auto 0 auto; position:relative; -moz-box-shadow: 3px 8px 18px #646364, -3px 8px 18px #646364; -webkit-box-shadow: 3px 8px 18px #646364, -3px 8px 18px #646364; box-shadow: 3px 8px 18px #646364, -3px 8px 18px #646364; }

#d_Content { overflow:hidden; height:auto; min-height:500px; position:relative; padding:10px 15px 25px 15px; z-index:2; }
#d_Header { width:100%; left:0px; text-align:center; z-index:2; }
#d_Footer { position:relative; margin-top:31px; height:31px; clear:both; width:941px; margin:auto; -moz-box-shadow: 3px 5px 18px #646364, -3px 5px 18px #646364; -webkit-box-shadow: 3px 5px 18px #646364,  -3px 5px 18px #646364; box-shadow: 3px 5px 18px #646364,  -3px 5px 18px #646364; }
#d_Logo { position: absolute; bottom: 1%; right: 1%; z-index:1; }
#d_Logout { position: absolute; top: 10px; left:15px; }

/* ----- Classes ----- */

input { background-color:#F2F2F2; color: #646364; font-family: 'Neo Sans', Helvetica Neue, Arial, sans-serif; }
input[type=submit] { cursor: pointer; background-color:#9A0D2F; border:2px solid #B71234; color:white; padding:3px 5px 3px 5px; width:100px; text-align:center; }
input[type=submit]:hover { background-color:#D17255; }
input[type=button] { cursor: pointer; background-color:#9A0D2F; border:2px solid #B71234; color:white; padding:3px 5px 3px 5px; width:100px; text-align:center; }
input[type=button]:hover { background-color:#D17255; }
input[type=text] { background-color: white;}
input[type=password] { background-color: white; }
input[type=radio] { cursor: pointer; }
select { width:98%; height:30px; font-family: Helvetica Neue, Arial, sans-serif; color: #646364; font-family: 'Neo Sans', Helvetica Neue, Arial, sans-serif; cursor:pointer; }

.Purchase_Link { margin-top:2px; text-decoration:none; cursor: pointer; background-color:#9A0D2F; border:2px solid #B71234; color:white; padding:3px 5px 3px 5px; width:130px; text-align:center; font-size:15px; float:right; }
.Purchase_Link:hover { background-color: #D17255; }

.Back_Link { margin-top:2px; text-decoration:none; cursor: pointer; background-color:#9A0D2F; border:2px solid #B71234; color:white; padding:3px 5px 3px 5px; width:85px; text-align:center; font-size:15px; float:left; }
.Back_Link:hover { background-color: #D17255; }

.Input_Wrap { margin:30px 0px 0px 0px;  padding:0px 20px 0px 20px; }

h1 { padding:0px; margin:0px 2px 0px 2px; float:left; font-style:normal; font-weight:normal; }
h2 { padding:0px; margin:0px 2px 0px 2px; float:left; font-style:normal; font-weight:normal; }
h3 { padding:0px; margin:0px 2px 0px 2px; float:left; font-style:normal; font-weight:normal; }

.d_Large_Header { width:100%; border-bottom:1px solid #C6C6C6; padding:0px; margin-left:0px; margin-right:0px; margin-top:10px; margin-bottom:10px; float:left; font-style:normal; font-weight: normal; font-size:19px; }
.d_Medium_Header { width:100%; padding:0px; margin-left:0px; margin-right:0px; margin-top:10px; margin-bottom:20px; float:left; font-style:normal; font-weight: normal; font-size:15px; }

.d_Full_Width_Row { width:100%; height:auto; min-height:10px; overflow:hidden; font-size:15px; }
.d_Half_Width_Row { width:50%; float:left; height:auto; min-height:10px; overflow:hidden; }

.d_Full_Width_Label { width:100%; padding:0px; margin-left:0px; margin-right:0px; margin-top:5px; margin-bottom:5px; font-size:15px; }
.d_Full_Width_Input { width:100%; padding:0px; margin-left:0px; margin-right:0px; margin-top:5px; margin-bottom:5px; font-size:15px; }

.d_Half_Width_Input { width:50%; float:left; padding:0px; margin-left:0px; margin-right:0px; margin-top:5px; margin-bottom:5px; font-size:15px; }
.d_Half_Width_Label { width:50%; float:left; padding:0px; margin-left:0px; margin-right:0px; margin-top:5px; margin-bottom:5px; font-size:15px; }

.d_Half_Width_Input input { width:95%; height:25px; }
.d_Half_Width_Label input { width:95%; height:25px; }

.d_Full_Width_Label input { width:95%; height:25px; }
.d_Full_Width_Input input { width:97.5%; height:25px; }
.d_Half_Width_Input input[type="radio"] { width:20px; height:20px; line-height: 25px; vertical-align:bottom; }

.Staff_Table { width:100%; height:auto; border-color:transparent; border:1px solid #38424B; }
.Staff_Table_Header { border-color:transparent; background-color: #38424B; color:White; font-weight:bold; border:1px solid #38424B; border-bottom-width:3px; }
.Staff_Table a { text-decoration:none; color:#9A0D2F; }
.Staff_Table a:hover { text-decoration:underline; }

.Edit_Staff_Label { text-align:center; width:56px; background-color:#9A0D2F; color:white; padding:3px; display:block; border:1px solid #B71234; cursor:pointer; }
.Edit_Staff_Label:hover { background-color: #D17255; }
.Remove_Staff_Label { text-align:center; width:56px; background-color:#9A0D2F; color:white; padding:3px; display:block; border:1px solid #B71234; cursor:pointer; }
.Remove_Staff_Label:hover { background-color:#D17255; }

#d_Overlay { background-color:black; opacity:0.3; top:0%; left:0%; position:fixed; width:100%; height:100%; display:none; }
#d_Edit_Staff_Container { padding:10px; color:white; position: fixed; width: 500px; top: 50%; left: 50%; margin-left: -262px; margin-top: -86px; background-color: #9A0D2F; border: 2px solid #B71234; z-index:4; display:none; }
#d_Edit_Staff_Container_Close { position: absolute; top: 2%; right: 1%; cursor:pointer; }
#d_Edit_Staff_Container_Close:hover { text-decoration:underline; }

#d_Edit_Staff_No { cursor: pointer; background-color:#9A0D2F; border:2px solid #292A2B; color:white; padding:3px 5px 3px 5px; width:100px; text-align:center; }
#d_Edit_Staff_No:hover { cursor: pointer; background-color:#D17255; border-color:black; color:white;  }

#d_Remove_Staff_Container { padding:10px; color:white; position:fixed; width:500px; top:50%; left:50%; margin-left:-262px; margin-top:-86px; background-color:#9A0D2F; border:2px solid #B71234; z-index:4; display:none; }
#d_Remove_Staff_Container_Close { position:absolute; top:2%; right:1%; cursor:pointer; }
#d_Remove_Staff_Container_Close:hover { text-decoration:underline; }

#d_Remove_Staff_No { cursor:pointer; background-color:#9A0D2F; border:2px solid black; color:white; padding:3px 5px 3px 5px; width:100px; text-align:center; }
#d_Remove_Staff_No:hover { background-color:#D17255; }


#pnl_Course_List { border:1px solid #C6C6C6; height:auto; min-height:100px; overflow:hidden; padding:10px; border-radius:10px; }

.d_Course_Row { width:33.3%; float:left; height:40px; margin-bottom:5px; }
.d_Course_Image { width:20%; float:left; }
.d_Course_Image img { width: 40px; height: 40px; }
.d_Course_Text { width:80%; float:left; font-size:13px; padding-top:14px; }

#d_Site_Licence { margin-bottom:20px; }

#pnl_Payment { width:100%;}
#d_Payment_Options { width:100%; height:80px; }
#d_PayPal { margin-bottom:20px; margin-right:30px;  float:left; text-align:center;}
#d_SagePay { float:left; text-align:center; }

.Order_Feedback { position:fixed; width:390px; height:auto; min-height:190px; overflow:hidden; padding:5px; top:50%; left:50%; background-color:#e2e2e2; border:1px solid #666; margin-top:-100px; margin-left:-200px; border-radius:10px; z-index:101; }
.Order_Feedback_Summary { margin-bottom:5px; width:100%; text-align:center; }
#d_Order_Feedback_Summary { margin-bottom:80px; border-bottom:1px solid #c6c6c6; }
#d_Order_Feedback_Warning { width:100%; text-align:center; position:absolute; bottom:35px; }
#d_Order_Feedback_Buttons { width:100%; text-align:center; position:absolute; bottom:0px; }