/*-----------------------------------------------------------------------------

// 31/07/17 PR2717 IL - make the FORM TEXT BOXES wider, add class smallinput for dates
//                    - also new styles for the 'Choose Files' data pairs (caption/filename)
// 08/08/17 PR2717 IL - make the FORM TEXT BOXES even wider, to match TinyMCE boxwidth

-----------------------------------------------------------------------------*/


/* SETUP
-----------------------------------------------------------------------------*/

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

body, html {
  width: 100%;
  height: 100%;
  text-align: center;
  font-family: arial, sans-serif;
  font-size: 9pt;
  color: #242424;
}

h1, h2, h3, h4, h5, h6, pre, code {
  font-size: 1em;
}

a img, :link img, :visited img {
  border: none;
}

address {
  font-style: normal;
}

a {
  text-decoration: none;
  color: #4391d6;
}

a:hover {
  text-decoration: underline;
}

li {
	list-style: inside;
}

.clear {
  line-height: 0;
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
}

/* CONTENT WRAPPER
-----------------------------------------------------------------------------*/

.content_wrapper {
  width: 900px;
  margin: 0 auto;
  text-align: left;
}

/* BANNER
-----------------------------------------------------------------------------*/

.banner {
	padding-top: 7px;
	padding-bottom: 7px;
	width: 900px;
	height: 120px;
	background: #FFF;
}

/* HEADER BAR
-----------------------------------------------------------------------------*/

.header_bar {
  width: 100%;
	height: 58px;
	background: url('../images/header_tile.gif') repeat-x;
	position: relative;
	z-index: 1;
}

.header_bar_tile {
  position: absolute;
  top: 134px;
  left: 0;
  width: 100%;
  height: 58px;
	background: url('../images/header_tile.gif') repeat-x;
}

.right_buttons {
  position: absolute;
  right: 0;
  top: 1px;
}

.right_buttons .divider {
  margin-top: 4px;
  height: 35px;
  width: 1px;
  background: #3b7eba;
  border-right: 1px solid #6caee9;
  float: left;
}

.right_buttons a {
	display: block;
	float: left;
	height: 43px;
}

.right_buttons a:hover, .right_buttons a.current {
	background-position: 0 -43px;
}

.right_buttons .visit_website {
  background: url('../images/visit_website_button.gif') no-repeat;
  width: 110px;
}

.right_buttons .change_password {
  background: url('../images/change_password_button.gif') no-repeat;
  width: 142px;
}

.right_buttons .logout {
  background: url('../images/logout_button.gif') no-repeat;
  width: 77px;
}

/* LEFT COL
-----------------------------------------------------------------------------*/

.left_col {
  width: 218px;
	background: #77bbf5 url('../images/left_col_tile.gif') repeat-x;
	border-right: 1px solid #6b9ac2;
	border-left: 1px solid #6b9ac2;
	text-align: center;
	float: left;
}

#treeframe {
	height: 600px;
}

/* RIGHT COL
-----------------------------------------------------------------------------*/

#right_col {
	overflow: hidden;
	width: 1px;
	height: 1px;
  position: absolute;
  top: -5000px;
  left: -5000px;
}

.right_col {
  width: 640px;
  float: left;
  padding-left: 20px;  /* PR2717 - remove padding-right:20px  - makes no sense and causes it to WRAP when not wanted */
  margin-top: -3px;
  position: relative;
  z-index: 1;
  min-height: 300px;
}

.right_col .title {
	color: #4391d6;
	font-size: 17pt;
	float: left;
	letter-spacing: -1px;
	float: left;
	margin-top: 1px;
	height: 30px;
	position: relative;
	z-index: 1;
}

.right_col .title_button {
	float: right;
	height: 29px;
	overflow: hidden;
	margin-top: 2px;
	position: relative;
	z-index: 1;
}

.right_col .button {
	float: right;
	margin-right: 6px;
}

.right_col .divider {
	width: 640px;
	height: 1px;
	background: #b9b9b9;
	margin-top: 18px;
	margin-bottom: 18px;
}

.right_col .content {
}

/* ARTICLES
-----------------------------------------------------------------------------*/

.article {
  width: 629px;
  min-height: 89px;
  margin-top: 0;
  margin-bottom: 0;

  padding-top: 12px;
  padding-bottom: 9px;
  width: 630px;
  padding-left: 10px;
}

.article_image {
	float: left;
}

.article_image img {
	border: 2px solid #8c8c8c;
}

.article_text_wrapper {
  float: left;
  width: 483px;
  margin-left: 10px;
  margin-top: -1px;
}

.article_text_wrapper_full {
  float: left;
  width: 630px;
  margin-right: 10px;
  margin-top: -1px;
}

.article_title {
  font-weight: bold;
  font-size: 11pt;
  float: left;
  margin-left: -1px;
}

.article_date {
  font-weight: bold;
  font-size: 9pt;
  float: right;
  color: #6f6f6f;
}

.article_desc {
	margin-top: 2px;
	font-size: 10pt;
}

.article_buttons {
  margin-top: 6px;
  margin-left: 1px;
}

.article_button {
	float: left;
	font-weight: bold;
	margin-right: 8px;
	font-size: 10pt;
}

.article_button .pencil {
	margin-right: 1px;
	position: relative;
	top: 0px;
}

.article_button .person {
  margin-right: 1px;
	position: relative;
	top: 1px;
}

.article_button .cross {
	margin-right: -1px;
	position: relative;
	top: 1px;
}

/* PAGING
-----------------------------------------------------------------------------*/

.paging {
	width: 640px;
	height: 29px;
	overflow: hidden;
	background: url('../images/paging_background.gif') repeat-x;
	position: relative;
	text-align: center;
	margin-top: -13px;
	font-weight: bold;
	color: #6f6f6f;
	margin-top: 12px;
}

.paging div.prev_btn, .paging a.prev_btn {
  float: left;
  width: 52px;
  height: 22px;
  background: url('../images/prev_disabled.gif') no-repeat top left;
  padding-top: 7px;
  padding-left: 12px;
}

.paging a.prev_btn {
  background: url('../images/prev.gif') no-repeat top left;
  display: block;
}

.paging div.next_btn, .paging a.next_btn {
  float: right;
  width: 52px;
  height: 22px;
  background: url('../images/next_disabled.gif') no-repeat top right;
  padding-top: 7px;
  padding-right: 12px;
}

.paging a.next_btn {
  background: url('../images/next.gif') no-repeat top right;
  display: block;
}

.middle {
	margin: 0 auto;
	font-weight: bold;
	margin-top: 6px;
	color: #a5a5a5;
}

.middle span {
	color: #6f6f6f;
}

.middle span, .middle a {
	position: relative;
	top: 1px;
}

/* LOADING
-----------------------------------------------------------------------------*/

.loading {
  position: absolute;
  top: 200px;
  left: 640px;
  text-align: center;
  font-weight: bold;
  font-size: 11pt;
  color: #6f6f6f;
}


/* FORMS
-----------------------------------------------------------------------------*/

.form {
	margin-top: -6px;
}

.form .form_row {
	padding-top: 6px;
	clear: both;
}

/* PR2717 - new class for date input boxes */
.form .smallinput {
  width:120px;
}
.form input {
	height: 19px;
	padding-top: 3px;
	padding-left: 5px;
	border: 1px solid #c6c5c5;
	width: 632px;  /* PR2717 - was 198px */
	color: #353535;
	font-family: arial, sans-serif;
	font-size: 9pt;
	float: left;
}

.form textarea {
	height: 100px;
	padding-top: 5px;
	padding-left: 5px;
	border: 1px solid #c6c5c5;
	width: 633px;
	color: #353535;
	font-family: arial, sans-serif;
	font-size: 9pt;
	float: left;
}

select {
	height: 24px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 5px;
	border: 1px solid #c6c5c5;
	color: #353535;
	font-family: arial, sans-serif;
	font-size: 9pt;
	float: left;
}

.form .form_label {
  font-weight: bold;
  margin-right: 10px;
  float: left;
  margin-top: 3px;
}

.form .button {
  background: url('../images/button_tile.gif') repeat-x;
  height: 24px;
  cursor: pointer;
  float: left;
}

.form .button .button_left {
  background: url('../images/button_left.gif') no-repeat;
  width: 3px;
  height: 24px;
  float: left;
}

.form .button .button_right {
  background: url('../images/button_right.gif') no-repeat;
  width: 3px;
  height: 24px;
  float: left;
}

.form .button .button_text {
  float: left;
  color: #6f6f6f;
  font-weight: bold;
  margin-top: 4px;
  padding-left: 18px;
  padding-right: 18px;
}

.form .calendar {
	cursor: pointer;
	margin-left: 6px;
	margin-top: 2px;
}

.form .checkbox {
	border: 0;
	width: 13px;
  height: 13px;
  float: none;
  position: relative;
  top: 2px;
  margin-right: 6px;
  margin-left: 6px;
}

/* UPLOAD
-----------------------------------------------------------------------------*/

.upload {
	clear: both;
	padding-top: 6px;
}

.upload_image img {
	float: left;
	width: 132px;
	display: block;
	border: 2px solid #8c8c8c;
}

.upload_image {
}

.options_container {
	float: left;
	font-weight: bold;
	color: #4391d6;
	margin-left: 10px;
}

.options_container span {
	position: relative;
	top: 0px;
}

.options_container .option {
	float: left;
	margin-right: 10px;
	margin-top: 21px;
}

.options_container .pencil {
	margin-right: 1px;
	position: relative;
	top: 0px;
}

.options_container .cross {
	position: relative;
	top: 1px;
}

.stats {
	position: relative;
	top: 1px;
}

.options_container .checkbox {
	border: 0;
	width: 13px;
  height: 13px;
  float: none;
  position: relative;
  top: 2px;
  margin-right: 6px;
  margin-left: 5px;
  margin-top: -5px;
}

.caption_container {
  font-weight: bold;
  float: left;
  margin-left: 10px;
  margin-top: 6px;
}

.caption_container input {
	height: 19px;
	padding-top: 3px;
	padding-left: 5px;
	border: 1px solid #c6c5c5;
	width: 365px;
	color: #353535;
	font-family: arial, sans-serif;
	font-size: 9pt;
	margin-left: 2px;
}

/* MESSAGES
-----------------------------------------------------------------------------*/

.error_message {
	color: #c71414;
	font-weight: bold;
	margin-bottom: 10px;
}

.success_message {
	color: #71a301;
	font-weight: bold;
	margin-bottom: 10px;
}

/* PICK WINNER POPUP
-----------------------------------------------------------------------------*/

#pick_winner_box {
  width: 870px;
  background: url('../images/pick_win_tile.png') repeat-y;
  position: absolute;
  top: 338px;
  left: 14px;
  z-index: 5;
  visibility: hidden;
}

.pick_winner_top {
  width: 865px;
  height: 10px;
  background: url('../images/pick_win_top.png') no-repeat;
  position: relative;
  top: -10px;
  left: 5px;
}

.pick_winner_bottom {
  width: 865px;
  height: 17px;
  position: relative;
  top: 17px;
  left: 5px;
  background: url('../images/pick_win_bottom.png') no-repeat;
}

#pick_winner_iframe {
	width: 822px;
	height: 50px;
	margin-left: 24px;
	margin-top: -10px;
	margin-bottom: -13px;
}

/* PERMISSIONS POPUP
-----------------------------------------------------------------------------*/

#permissions_box {
  width: 614px;
  background: url('../images/permissions_tile.png') repeat-y;
  position: absolute;
  top: 338px;
  left: 254px;
  z-index: 5;
  visibility: hidden;
}

#permissionstowrite {
	margin-left: 20px;
	width: 574px;
	margin-top: -15px;
	position: relative;
	z-index: 1;
}

#permissionstowrite td , #permissionstowrite th {
	padding-right: 20px;
}

.permissions_top {
  width: 614px;
  height: 21px;
  background: url('../images/permissions_top.png') no-repeat;
  position: relative;
  top: -21px;
  left: 5px;
}

.permissions_bottom {
  width: 614px;
  height: 16px;
  position: relative;
  top: 16px;
  left: 5px;
  background: url('../images/permissions_bottom.png') no-repeat;
}

#pick_winner_cite {
	width: 11px;
	height: 11px;
	position: absolute;
	background: url('../images/clicks_cite.png') no-repeat;
	z-index: 1;
	display: none;
}

/* CLICKS POPUP
-----------------------------------------------------------------------------*/

#clicks_popup {
  width: 665px;
  background: url('../images/clicks_tile.png') repeat-y;
  position: absolute;
  top: 350px;
  left: 230px;
  z-index: 5;
  visibility: hidden;
}

#clickstowrite {
	margin-left: 20px;
	width: 574px;
	margin-top: -15px;
	position: relative;
	z-index: 1;
}

#clickstowrite td , #clickstowrite th {
	padding-right: 20px;
}

#clicks_iframe {
	width: 619px;
	margin-top: -6px;
	margin-bottom: -12px;
}

.clicks_top {
  width: 665px;
  height: 12px;
  background: url('../images/clicks_top.png') no-repeat;
  position: relative;
  top: -12px;
  left: 0px;
}

.clicks_bottom {
  width: 665px;
  height: 16px;
  position: relative;
  top: 16px;
  left: 0px;
  background: url('../images/clicks_bottom.png') no-repeat;
}

#clicks_cite {
	width: 11px;
	height: 11px;
	position: absolute;
	background: url('../images/clicks_cite.png') no-repeat;
	z-index: 1;
	display: none;
}

.clicks_table {
  font-size: 9pt;
  width: 622px;
  margin-left: -3px;
  overflow: hidden;
  margin-bottom: -7px;
}

.clicks_table .divider {
  background: #b9b9b9;
  height: 1px;
  position: absolute;
  width: 622px;
  overflow: hidden;
}

.clicks_table .bold {
  font-weight: bold;
  height: 25px;
}

.clicks_table .row2 {
  background: #ededed;
  height: 27px;
}

.clicks_table .row1 {
  background: #FFF;
  height: 27px;
}

.clicks_table td {
  padding-right: 20px;
}

/* PICK WINNERS FORM (ACTUAL POPUP)
-----------------------------------------------------------------------------*/

.pick_winners_form {
  text-align: left;
  width: 822px;
  margin-top: -3px;
  float: left;
  overflow: hidden;
}

.form_top_bit {
  float: left;
  margin-right: 20px;
  margin-bottom: 6px;
}

.form_top_bit select, .form_top_bit input {
  margin-top: 5px;
  height: 24px;
}

#store_dropdown {
	height: 24px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 5px;
	border: 1px solid #c6c5c5 !important;
	color: #353535;
	font-family: arial, sans-serif;
	font-size: 9pt;
	float: left;
	display: block;
}

.form_top_bit img {
	position: relative;
	top: 5px;
	left: 3px;
}

.pick_winners_form table {
  font-size: 9pt;
  width: 822px;
  margin-top: 8px;
  overflow: hidden;
}

.pick_winners_form table .divider {
  background: #b9b9b9;
  height: 1px;
  position: absolute;
  width: 822px;
  overflow: hidden;
}

.pick_winners_form table .bold {
  font-weight: bold;
  height: 25px;
}

.pick_winners_form table .row2 {
  background: #ededed;
  height: 39px;
}

.pick_winners_form table .row1 {
  background: #FFF;
  height: 39px;
}

.pick_winners_form table td {
  padding-right: 20px;
}

/* USER TABLE (ACTUAL POPUP)
-----------------------------------------------------------------------------*/

.user_table {
  font-size: 9pt;
  width: 582px;
  overflow: hidden;
  padding: 0;
  text-align: center;
  border-bottom: 1px solid #b9b9b9;
}

.user_table .divider {
  background: #b9b9b9;
  height: 1px;
  width: 582px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.user_table .bold {
  font-weight: bold;
  height: 24px;
}

.user_table .row2 {
  background: #ededed;
  height: 27px;
  overflow: hidden;
}

.user_table .row1 {
  background: #FFF;
  height: 27px;
}

/* USERS (LIST) TABLE
-----------------------------------------------------------------------------*/

.users_table {
  width: 640px;
  overflow: hidden;
  margin-top: -11px;
}

.users_table tr {
  height: 31px;
}

.users_table .h_divider {
  width: 1px;
  height: 12px;
  background: #b9b9b9;
  margin: 0 auto;
}

.users_table .h_divider_container {
	width: 20px;
	text-align: center;
}

.users_table .v_divider {
	background: #b9b9b9;
	height: 1px;
}

.users_table .v_divider_container {
	height: 1px;
}

.user_right_buttons {
	float: right;
	margin-top: 9px;
	width: 55px;
	padding-right: 5px;
}

.user_right_buttons a {
	float: right;
}

.users_table .row2 {
  background: #ededed;
}

/* FOOTER
-----------------------------------------------------------------------------*/

.footer {
  width: 100%;
  height: 29px;
  padding-top: 29px;
	background: #77bbf5 url('../images/footer_tile.gif') repeat-x;
	text-align: center;
	color: #fff;
}

.footer_left_shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}

/* STICKY FOOTER
-----------------------------------------------------------------------------*/

html, body {
	height: 100%;
}

.wrap {
  min-height: 100%;
  width: 900px;
  position: relative;
  z-index: 1;
  background: url('../images/left_col_external_tile.gif') repeat-y;
  margin: 0 auto;
}

.content_wrapper {
	overflow: none;
	padding-bottom: 58px;
}  /* must be same height as the footer */

.footer {
  position: relative;
  min-width: 900px;
  margin-top: -58px; /* negative value of footer height */
  clear: both;
}

/*Opera Fix*/
body:before {
	content: "";
	height: 100%;
	float: left;
	width: 0;
	margin-top: -32767px;
}


/* PR2717 */
.choosefiles_datapairs input:disabled {
  background:white;
	color:#999;
}
.choosefiles_datapairs .file_text {
  float:left;
	margin-right:2px;
	padding-top:5px;
}
.choosefiles_datapairs .file_caption {
 width:200px;
 margin-right:10px;
}
.choosefiles_datapairs .file_filename {
 width:260px;
 margin-right:10px;
}