/* Original development => QUADRANTA.org website coding //////////////////////////////////////////////////////////// */

/* Updated: 9 May 2012 */
/* Updated: 22 May 2012 */
/* Updated: 19 July 2012  ma-design.com */
/* Updated: 17 Feb 2013 */

body {
/*	font-family: Tahoma, sans serif;   */
	font-size: 9pt;
	line-height: 10.5pt;
	background-color: white; /* purple; */
}

/* quick test */

#GalleryIndex .ContactSheet {
	background-color: transparent;
	/* background-color: red;  */
}

div#PhotoCopyright { color: #476194;}
div#PhotoCopyright a { color: #476194;}
div#PhotoCopyright a:hover { color: #171544; }

/* Added by ma-design.com  - REF line 214 */
span.admin_top_btn a {text-decoration:none; color: #476194;}
span.admin_top_btn a:hover {text-decoration:none; color: red;}


/**************************
General Class
**************************/
/* html, body, table, select, input, textarea{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#373737;}
a {text-decoration:none; color: #21759b;}
a:hover {text-decoration:none; color: #ff0000}
.clear{clear:both; margin:0; padding:0}

/** background image and color setting **/
/* DISABLED  body {background: url(../images/background.jpg) 50% 0px no-repeat #000;}   */

.name_box {position:absolute; z-index:9999; color:#fff; font-size:0.9em; background-color:#072850; border:3px solid #06203C; padding:5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display:none;}



/**************************
Header Class
**************************/
.header {/* disabled background:url(../images/header.gif) 0 0 repeat-x; */ height:40px; position: relative; z-index: 100;}  /* Background colour on Header */
a.logo {float:left; background:url(../images/logo.gif) 0 0 no-repeat; height:40px; width:165px; display:none}  /* Background image logo */

/* wade-bs //// */
.header {width:570px; margin-left: 0px;}
h2 {position: relative; left: 0px;}

.top , .content_wrapper {width:100%; }

/** mode btn **/
ul.view_mode {float:left; margin:6px 0 0 10px}
ul.view_mode li {float:left; padding-left:5px}
/*  DISABLED ul.view_mode li a{background:url(../images/view_mode.gif) no-repeat; height:27px; width:28px; display:block}   */
ul.view_mode li.grid_1 a {background-position: 0 -27px}
ul.view_mode li.grid_2 a {background-position: 0 -81px}
ul.view_mode li.line_1 a {background-position: 0 -135px}
ul.view_mode li.line_2 a {background-position: 0 -189px}
ul.view_mode li.grid_1 a:hover , ul.view_mode li.grid_1 a.current {background-position: 0 0px}
ul.view_mode li.grid_2 a:hover , ul.view_mode li.grid_2 a.current {background-position: 0 -54px}
ul.view_mode li.line_1 a:hover , ul.view_mode li.line_1 a.current {background-position: 0 -108px}
ul.view_mode li.line_2 a:hover , ul.view_mode li.line_2 a.current {background-position: 0 -162px}

/** category setting **/
.category {position:relative; float:left; /* ADDED */ left:10px; top: 10px;  background-color: transparent; z-index: 1000;
	font-size: 7pt; font-weight: normal; color: darkgrey; text-align: left; }
	.category p {font-style: italic; margin-top: 50px; }
.category span.label {}
.category .box {background:url(../images/category_box.gif) right -25px no-repeat; height:25px; margin-top:8px; float:left; padding-right:4px} /* light grey background imae - CHANGE */
/* disabled .category .box .current {background:url(../images/category_box.gif) 0 0 no-repeat; height:25px; line-height:25px; padding:0 6px 0 86px; float:right}  */
 .category .box .current a {background:url(../images/tri.gif) right 7px no-repeat; padding-right:21px; color:#555}
.category .box .current a:hover {background-position: right -15px; color:#222}

/** category list **/
.show_cat {}
ul.category_list {position:relative; left:0; margin:0; width:100px; background: none; /* #e7e7e7; */ color: black;}
ul.category_list li {font-size: 9pt; padding: 8px 0 8px 0; margin: 0px 0 10px 0; text-align: left; -moz-border-radius: 20px 0 0 20px; -webkit-border-radius: 20px 0 0 20px; border: solid 1pt transparent;}
ul.category_list li:hover {background-color: darkgrey; border: solid 1pt red; border-right-style: none; }
ul.category_list li.current {background-color:black; color: white;}
ul.category_list li.current a{font-weight:bold; color: red;  border: solid 1pt black; border-right-style: none;}
ul.category_list li.current a:hover{font-weight:bold; color: red;}
ul.category_list li a { line-height:5px; padding-left:10px; display:block; color:#555}
ul.category_list li a:hover {color: red;}


/**************************
photo class
**************************/
/* QUADRANTA /////////////////////////////////////////////////////////////////////////////////  */

div#PhotoCopyright {
	background-color: transparent;
	width: 75px;
	margin: 30px 3px 0 10px;
	text-align: right;
	color: white;
}
div#PhotoCopyright i { color: black;}
	

/* Disabled - now using BIGcorner */
.gallery_wrapper{
	position: relative; 
	left: -70px; 
	top: 0px;
	padding-top:0px; 
	margin-right: 0px;  
	width:1045px;
	height: 600px;
	
	-moz-border-radius: 20px 0 100px 20px;
	border-radius: 20px 0 100px 20px;
	
	-webkit-box-shadow: 3px 3px 10px black; /* #a1a1a1; */
   -moz-box-shadow: 3px 3px 10px black; /* #a1a1a1; */
   	box-shadow: 3px 3px 10px black; /* #a1a1a1; */
    z-index:2;
	
	color: black; background: white;
	background-repeat: no-repeat; background-image:url(http://quadranta.org/css/images/MeyrickBUILDERS_The_Crew.jpg);
	background-size: 400px;
	background-position: left bottom;
}
	

div #GalleryBLOCK {
	position: relative;
	float: left;
	top: 10px; left: 325px;
	background-color: transparent;
	width: 400px;
	height: 380px;
	z-index: 1;
}

div #GalleryBLOCK.ContactSheet {
	position: relative;
	float: left;
	top: 10px; left: 305px;
	background-color: transparent;
	width: 780px;
	height: 515px;
	z-index: 1;
}

/** thumbnail class **/
.photo{float:left; position: relative;}
.thumb{float: left; position:relative; z-index:1; background-position:40% 40%; background-repeat:no-repeat; cursor:pointer
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 3px 3px 10px darkgrey; /* #a1a1a1; */
   -moz-box-shadow: 3px 3px 10px darkgrey; /* #a1a1a1; */
    box-shadow: 3px 3px 10px darkgrey;
   }
   .thumb_alt{float: left; position:relative; z-index:1; cursor:pointer; background-color: transparent;}






/* NOTE - IF using OLD Photo Gallery - check polish pottery for an updated version for here :: //////////////// */





/**************************
page no. class
**************************/
/* See Go to Page Admin no .class on line 165 */

/**************************
page no. class
**************************/
.loading {margin:150px auto 0 auto;
	background:#1F1F1F; 
	text-align:center; width:36px; height:26px; padding-top:10px; 
	-moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

/**************************
admin class
**************************/
.admin_top_btn {float:right; line-height:20px; margin:10px}
.edit_photo {float:left; height:220px; width:162px; padding:10px 5px 10px 5px ; margin:5px; background-color:#e9e9e9; position:relative; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px}
.edit_photo img {border:3px solid #fff}
.edit_photo table {width:100%}
.edit_photo table td {height:30px; text-align:left}
.edit_photo table td.pic {height:170px; vertical-align:middle; text-align:center}
a.del_photo {position:absolute; top:-3px; right:-6px; background:url(../images/admin/cross1.png) 0 0 no-repeat; height:16px; width:16px; display:block}
a.del_photo:hover {background-image:url(../images/admin/cross2.png)}

ul.pic_info li{padding-bottom:10px}

.cat_select_box {border:1px solid #dddddd; padding:2px; overflow:auto; width:90%; height:90px; margin-left:20px}
.form_table .cat_select_box{width:70%; margin-left:0; height:auto; max-height:200px}

.admin_loading {background:url(../images/admin/loading.gif) 0 0 no-repeat; height:16px; margin:2px; padding-left:30px}
.uploading {background:url(../images/admin/uploading.gif) 0 0 no-repeat; height:22px; margin-top:10px; padding-left:135px; color:#FF3C1A}

/****** system message ******/
.notice_box {padding-bottom:10px; margin-top:-5px}
.common_table td .notice_box{width:150px; padding:5px 0 0 0; margin-top:0}
.notice_box div{padding:5px 10px 5px 36px; line-height:1.5em; -moz-border-radius: 6px; -webkit-border-radius:6px;}
.alert {background:url(../images/admin/error.gif) 10px 6px no-repeat #fffbcc; color:#666452;}
.success {background:url(../images/admin/success.gif) 10px 6px no-repeat #e5ffce; color:#6a6668;}

/**************************
Admin Box Style
**************************/
.admin_box {width: 800px; position: relative; left: 170px; background:url(../images/admin/table_header_s.gif) 0 0 repeat-x #fff; 
	margin:50px 0 100px 0 0; 
	border:2px solid #bbb; 
	-moz-border-radius:8px; -khtml-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px;
}
.admin_box_header {height:32px;}
.admin_box_header h3 {font-size:1.5em; margin:0; padding:6px 0 0 12px}

.content_box{}
.admin_content {padding:20px 15px 15px 15px; background-color: transparent;
	box-shadow: 10px 10px 30px rgba(0,0,0,0.8);
}

/* Added by ma-design.com */
span.admin_top_btn a {text-decoration:none; color: white;}
span.admin_top_btn a:hover {text-decoration:none; color: orange;}

/**************************
table class
**************************/
.common_table{width:100%; background-color:#fff; border-collapse:separate;border-spacing: 0px; *border-collapse: expression('separate', cellSpacing = '0px'); border:1px solid #cbcbcb; border-bottom:0}
.common_table tr th , .common_table tr td{border-bottom:1px solid #cbcbcb; vertical-align:top; line-height:1.4em}
.common_table tr.no_border td{border-bottom:1px solid #ffffff}
.common_table tr.alt_row td {background-color:#f8f8f8}

.form_table {width:100%}
.form_table th {width:20%}
.form_table th , .form_table td {padding-bottom:25px; vertical-align:top; line-height:1.5em}

/** table tool setting start **/
.table_top_left_tool {float:left}
.table_top_right_tool {float:right}


.table_bottom_left_tool {
	position: fixed;
	text-align: center;
	top: 56px;
	right: 143px;
	width: 60px; 
	height: 60px;
background: white;
border: 1pt solid grey;
border-radius: 100% 100%;
box-shadow: 4px 4px 8px rgba(0,0,0,0.6);
float:left; 
padding: 10px;
}
.table_bottom_left_tool span {
	font-size: 7pt;
	padding: 0px;
	margin-top: 10px;
}
.table_bottom_left_tool  select {
	text-align: center;
	margin: 10px auto auto auto;
	border-radius: 5px;
box-shadow: 4px 4px 8px rgba(0,0,0,0.6);
}

.table_bottom_right_tool {float:right; padding-top:15px}
/** table tool setting end **/

.table_bottom_right_tool .page_area {margin-top:200px}
.common_table thead tr th{background:#ececec; text-align:left; padding-left:4px; height:30px; vertical-align:middle; *padding-top:2px; font-weight:bold}
.common_table tr td {padding:6px 4px 6px 4px}

.table_left_tool {float:left; margin-top:15px;}
.table_right_tool {float:left; padding-bottom:0px; margin: 0 0 0 50px; *padding-bottom:10px}
.table_delete_tool {float:right; padding-bottom:0px; *padding-bottom:10px}
.col_filter {float:left; margin-right:10px}
.table_left_tool span{!important vertical-align:middle}

a.sort_asc {background:url(../images/sort.gif) no-repeat 100% 2px; padding-right:13px;}
a:hover.sort_asc {background:url(../images/sort.gif) no-repeat 100% -17px}
a.sort_dec {background:url(../images/sort.gif) no-repeat 100% -55px; padding-right:13px;}
a:hover.sort_dec {background:url(../images/sort.gif) no-repeat 100% -36px}

.num_col {width:25px}
.num2_col {width:110px}
.image_col {width:170px}
.act_col {width:80px}


/**************************
input class
**************************/
input.pic_name {width:70%}
input.form_short {width:60px}



/* QUADRANTA /////////////////////////////////////////////////////////////////////////////////  */

/**************************
page no. class
**************************/
/*.page_area,
div #ContentPage #ImageCounter.page_area {
display:block; 
	font-size: 7pt;
	position: relative;
	float: right; 
/* RM	top: 390px;  13 0504 */
/*	right: 380px;
	padding: 1px 6px 2px 6px;  margin:0px 0 0 0; 
	background-color: GREEN; color: white; 
	-moz-border-radius:10px; -khtml-border-radius:10px; 
	-webkit-border-radius:10px; border-radius: 10px;
}
*/

.page_area,
div #ImageCounter.page_area{
	position: absolute;
	top: -15px;
	display:block; 
	font-size: 8pt;
	float: right; 
/*	top: 590px;  RM 13 0504 */
.right: 380px;
height: 12px;
bottom: 0;
margin: 20px 0 0 0;
	padding: 2px 6px 5px 6px; 
	background-color: orange; 
	color: white; 
	-moz-border-radius:10px; -khtml-border-radius:10px; 
	-webkit-border-radius:10px; border-radius: 10px;
	border: 1pt solid silver;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	}
.page_area a , .page_area span {
	
	padding:3px; margin-right:4px; 
	border:none; color: white;
	-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px;
}

.page_area a:hover {background-color:grey; color: black;}
.page_area span.current 	{
	
	padding:3px; margin-left:4px; 
	border:1px solid black; 
	background-color:white; color:red; 
	-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px;
}
.page_area span.dot {border:0; margin:0; padding:10px 0 0 0; color: orange;}



/**************************
admin page no. class
**************************/
.admin_box {position:relative; top: 70px; margin: 0 0 50px 0;}

.admin_box .page_area{display:block; position: absolute;  top: -50px; left: 560px; padding: 2px 6px 4px 6px;  margin:0 0 100px 0; 
	background-color: red; color: white; 
	-moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius: 10px;
	}
.admin_box .page_area a , .admin_box .page_area span
{padding:3px; margin-right:4px; border:none; color: white; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px;}
.admin_box .page_area .current 
{padding:3px; font-size: 10pt; font-weight: bold; margin-left:4px; border:1px solid black; background-color:white; color:black; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px;}
.admin_box .page_area span.dot {border:0; margin:0; padding:10px 0 0 0; color: orange;}


/**************************
select box
**************************/
select.col_filter {
		padding:2px 0 2px 2px;
	border:1px solid orange;
	margin-bottom:10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
select.col_filter:focus {
		-moz-border-radius: 10px 10px 0 0;
	-khtml-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}


/**************************
search class
**************************/


.admin_box .searchbox {
	background:url(../images/admin/search_s.gif) no-repeat; 
	.background-position: 0 0;
	width:109px;
	height:17px;
	display:block;
	float:right;
	padding:2px 0 2px 2px;
	border:1px solid orange;
	margin-bottom:10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: absolute;
	right: 200px;
	
}
.admin_box .searchbox:hover {
	width:209px;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	-moz-border-radius: 10px 3px 3px 10px;
	-khtml-border-radius: 10px 3px 3px 10px;
	-webkit-border-radius: 10px 3px 3px 10px;
	border-radius: 10px 3px 3px 10px;
}
.admin_box .searchbox .textfield  {background:none; border:0px; width:185px; float:left; margin-right:2px; padding-left:2px;}
.admin_box .searchbox .button {background:none; border:0px; width:18px; height:18px; cursor:pointer; float:left; margin-top:1px;}


/**************************
table class
**************************/
.common_table thead tr th{background-color:#ececec;}
span.editable {cursor:pointer}


/**************************
manage btn
**************************/
a.del_btn {background:url(../images/admin/manage.gif) 0 -70px no-repeat; height:20px; width:20px; display:block; float:left; margin-right:15px}
a.del_btn:hover {background-position: 0 -46px}
a.eidt_btn {background:url(../images/admin/manage.gif) 0 -21px no-repeat; height:20px; width:20px; display:block; float:left; margin-right:15px}
a.eidt_btn:hover {background-position: 0 0}

a.addnew {background:url(../images/admin/addcancel.png) no-repeat 4px -56px;display:block; padding-left:22px; margin-top:7px; height:15px;}
a.addnew:hover {background-position: 4px -84px}

/**************************
submit btn class
**************************/
.action_btn {text-align:center; margin: 0 auto}

.action_row {text-align:center; margin: 0 auto; padding-top:30px}

input.action_btn {margin:5px 5px 15px 5px; color:#ffffff; width:65px; cursor:pointer; border:2px solid;  -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding:3px 0}

input.submit {background:#323232; border-color:#2f2f2f}
input:hover.submit {background:#888; border-color:#999}

input.cancel {background:#aaa; border-color:#afafaf}
input:hover.cancel {background:#888; border-color:#999}


/**************************
admin_tab
**************************/
ul.admin_tab {margin-left:5px}
ul.admin_tab li {line-height:25px; border:2px solid #ccc; border-bottom:0; float:left; margin:5px 0 0 7px; background-color:#333; cursor:pointer ;-moz-border-radius-topright:6px; border-top-right-radius:6px;-moz-border-radius-topleft:6px; border-top-left-radius:6px;}
ul.admin_tab li:hover {background-color: orange; color: black;}
ul.admin_tab li.current {background-color:#ffffff; font-weight:bold; padding: 0 10px 0 10px}
ul.admin_tab li a {display:block ; color:#ffffff; padding: 0 10px 0 10px}
ul.admin_tab li a:hover {color:white;}


/**************************
login class
**************************/
.login {background:url(../images/admin/box_bg.gif) bottom repeat-x #e7e7e7; width: 382px; margin: 90px auto 30px auto; padding: 20px; -moz-border-radius:8px;-webkit-border-radius:8px;overflow: auto; border:2px solid #8f8f8f; *padding-bottom:5px}
/*.login h2 {background: url(../images/admin/login.gif) 0 0 no-repeat; width: 54px; height: 25px; text-indent: -9999px; margin: 0 0 10px 0; padding: 0;}
*/
.login p{margin: 0 0 17px 0; padding: 0;}
.login p label{display: block; width: 80px; float: left; font-weight: bold; margin: 12px 0px 0px 0px;}
.login p input.login_field{width: 278px; padding: 6px 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #444; font-size: 12px; background: #f9f9f9; border: 1px solid #cccccc; margin-left:10px}
.login p.remember_me {float:left;margin:10px 0 0 0}
.login .action_btn {float:right}


/* Additions 15 0220 /////////////// */

ul.pic_info { font-size: 9pt; margin: 0; padding: 0; line-height: 10pt; }