/* Not Just a Grid v1.0 (c) 2011 Al Redpath / Outrageous Creations! Licenced under an MIT Licence*/
/* ---------------------------------------------------------------------------- */
/* vertical form styling ------------------------------------------------------ */
/* ---------------------------------------------------------------------------- */
.vertical_form {font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;letter-spacing:1px;}
.vertical_form fieldset{border:1px solid #fff;margin:10px 0px;padding:10px 20px 10px 20px;-moz-border-radius:10px;-webkit-border-radius: 10px;border-radius:10px;}
.vertical_form fieldset.fieldsetbuttons {padding:10px 10px 10px 20px;}
.vertical_form fieldset.fieldsetbuttons div {text-align:right;}
.vertical_form legend {color:#666; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); margin:0px;border:1px solid #ccc;padding:3px 6px;background:#eee;-moz-border-radius:5px;-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px; border-radius:5px;text-transform:uppercase;	letter-spacing:1px; -webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, .3); 	-moz-box-shadow: 0px 1px 5px rgba(50, 50, 50, .3);-o-box-shadow: 0px 1px 5px rgba(50, 50, 50, .3);-ms-box-shadow: 0px 1px 5px rgba(50, 50, 50, .3);		box-shadow: 0px 1px 5px rgba(50, 50, 50, .3);}
.vertical_form label {display:block;margin:5px 0px 2px 0px; font-weight:bold;}
.vertical_form ul {margin:0px; padding:0px;}
.vertical_form li {list-style:none; margin:0px; padding:0px;}
.vertical_form div.form_input_notes {font-size:12px; margin:0px 0px 10px 10px;}
/* ---------------------------------------------------------------------------- */
/* Horizontal form styling ---------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
.horizontal_form {font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;letter-spacing:1px;}
.horizontal_form fieldset{border:1px solid #fff;margin:10px 0px;padding:10px 20px 10px 20px;-moz-border-radius:10px;-webkit-border-radius: 10px;border-radius:10px;}
.horizontal_form fieldset.fieldsetbuttons {padding:10px 10px 10px 20px;}
.horizontal_form fieldset.fieldsetbuttons div {text-align:right;}
.horizontal_form legend {color:#666;  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);margin:0px;border:1px solid #888;padding:3px 6px;background:#eee url(../images/notjustagrid/misc/transoverlay-matte.png) repeat-x;-moz-border-radius:5px;-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px; border-radius:5px;text-transform:uppercase; letter-spacing:1px; -webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, .3); 	-moz-box-shadow: 0px 1px 5px rgba(50, 50, 50, .3);-o-box-shadow: 0px 1px 5px rgba(50, 50, 50, .3);-ms-box-shadow: 0px 1px 5px rgba(50, 50, 50, .3);		box-shadow: 0px 1px 5px rgba(50, 50, 50, .3);}
.horizontal_form label {float:left;margin:0px 5px 0px 0px; width:100px; text-align:right; line-height:25px;height:25px;}
.horizontal_form ul {margin:0px; padding:0px;}
.horizontal_form li {list-style:none; vertical-align:middle; margin:10px 0px;clear:left;}
.horizontal_form div.form_input_notes {font-size:12px; display:inline;}
/* ---------------------------------------------------------------------------- */
/* Input field styling -------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
.normalfield, .requiredfield {border: 1px solid #ccc;border-top: 1px solid #444;border-left: 1px solid #444;font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;letter-spacing:1px;padding:3px 2px 3px 2px;}
.normalfield {background: #ffffff url(../images/notjustagrid/misc/formgreyback.gif) repeat-x;}
.requiredfield {background: #fafad8 url(../images/notjustagrid/misc/formyellowback.gif) repeat-x top left;}
.fielderror {border: 1px solid #ff4444;background: #fee9eb url(../images/notjustagrid/misc/formredback.gif) repeat-x top left;}
.fieldgood {background: #e0ffc7 url(../images/notjustagrid/misc/formgreenback.gif) repeat-x;}
.requiredfield:focus, .fielderror:focus, .normalfield:forus {border: 1px solid #444444;	-webkit-box-shadow: 0px 0px 7px rgba(0, 144, 255, .7); 	-moz-box-shadow: 0px 0px 7px rgba(0, 144, 255, .7);		box-shadow: 0px 0px 7px rgba(0, 144, 255, .7);}
.requiredfield:focus {background: #fafad8 url(../images/notjustagrid/misc/formyellowback.gif) repeat-x top left;}
.normalfield:focus {background: #e0ffc7 url(../images/notjustagrid/misc/formgreenback.gif) repeat-x;}
.fielderror:focus {border: 1px solid #ff4444;background: #fee9eb url(../images/notjustagrid/misc/formredback.gif) repeat-x top left;}
.smallfield {font:10px;padding:2px 1px 2px 1px;}
.largefield {font:16px}
.normalfieldfooter {background: #bdcfe3 url(../images/notjustagrid/misc/formblueback.gif) repeat-x top left; border: 1px solid #222;margin-bottom:5px;padding:3px 2px 3px 2px; margin-right:5px;}

/* ---------------------------------------------------------------------------- */
/* Styled Buttons ------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
.styled_button, .styled_button:visited {background: #222 url(../images/notjustagrid/misc/transoverlay-matte.png) repeat-x;font: bold 12px "Trebuchet MS", Arial, Helvetica,sans-serif;text-transform:uppercase;text-decoration: none;line-height:30px;letter-spacing:1px;color: #fff;padding: 0px 10px 0px 10px;margin:0px 3px;height:30px;border: 1px solid rgba(0,0,0,0.3);border-top: 1px solid rgba(0,0,0,0.2);border-left: 1px solid rgba(0,0,0,0.2);-moz-border-radius:5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius:5px;-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.4);-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4);-ms-box-shadow: 0 1px 5px rgba(0,0,0,0.4);-o-box-shadow: 0 1px 5px rgba(0,0,0,0.4);box-shadow: 0 1px 5px rgba(0,0,0,0.4);text-shadow: 0 -1px 1px rgba(0,0,0,0.25);position: relative;cursor: pointer;}
.styled_button:disabled {background:#888; opacity:0.5;filter: alpha(opacity=50);-ms-filter: "alpha(opacity=70)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);zoom:1;}
.a.styled_button, a.styled_button:visited {color:#fff;height:30px;line-height:30px;padding:5px 10px; }
a.styled_button:hover, a.styled_button:active {color:#fff;white-space:nowrap;}

.refresh_button.styled_button:after,.goforward_button.styled_button:after, .cancel_button.styled_button:after, .confirm_button.styled_button:after, .question_button.styled_button:after, .delete_button.styled_button:after, .edit_button.styled_button:after, .view_button.styled_button:after  {position:absolute;padding-top:7px;right:5px;}
.refresh_button.styled_button, .goforward_button.styled_button, .cancel_button.styled_button, .confirm_button.styled_button, .question_button.styled_button, .delete_button.styled_button, .edit_button.styled_button, .view_button.styled_button {padding-right:25px;}

.goback_button.styled_button:before  {position:absolute;padding-top:7px;left:5px;}
.goback_button.styled_button {padding-left:25px;}
.goback_button.styled_button:before {content: url(../images/notjustagrid/icons/icon-arrow_left.png);}

.goforward_button.styled_button:after {content: url(../images/notjustagrid/icons/icon-arrow_right.png);}
.refresh_button.styled_button:after {content: url(../images/notjustagrid/icons/icon-arrow_refresh.png);}
.cancel_button.styled_button:after {content: url(../images/notjustagrid/icons/icon-cancel.png);}
.confirm_button.styled_button:after {content: url(../images/notjustagrid/icons/icon-success.png);}
.question_button.styled_button:after {content: url(../images/notjustagrid/icons/icon-question.png);}
.delete_button.styled_button:after {content: url(../images/notjustagrid/icons/icon-delete.png);}
.edit_button.styled_button:after {content: url(../images/notjustagrid/icons/icon-edit.png);}
.view_button.styled_button:after {content: url(../images/notjustagrid/icons/icon-view.png);}
.green.styled_button {background-color:#afc243;}
.red.styled_button {background-color: #e33100;}
.blue.styled_button {background-color:#6c93b3;}
.grey.styled_button {background-color:#ddd; color:#666;	text-shadow: 0 1px 1px rgba(255,255,255,0.8);}
.green.styled_button:hover {background-color:#98a83a;}
.red.styled_button:hover {background-color: #bf2900;}
.blue.styled_button:hover {background-color:#5c7d98;}
.grey.styled_button:hover {background-color:#ccc;color:#666; text-shadow: 0 1px 1px rgba(255,255,255,0.8);}

.footerstyled_button , .footerstyled_button:visited{background: #1a3a5f url(../images/notjustagrid/misc/footerbuttonback.gif) repeat-x;font: bold 12px "Trebuchet MS", Arial, Helvetica,sans-serif;text-transform:uppercase;text-decoration: none;line-height:30px;letter-spacing:1px;color: #fff;padding: 0px 10px 0px 10px;margin:0px 3px;height:30px;border: 1px solid rgba(0,0,0,0.4);border-top: 1px solid rgba(255,255,255,0.4);;border-left: 1px solid rgba(255,255,255,0.4);-moz-border-radius:5px;-webkit-border-radius: 5px;border-radius:5px;box-shadow: 0 1px 5px rgba(0,0,0,0.7);-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.7);-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.7);text-shadow: 0 -1px 1px rgba(0,0,0,0.25);position: relative;cursor: pointer;}


.flatstyled_button, .flatstyled_button:visited {background: #222 url(../images/notjustagrid/misc/transoverlay-matte-light.png) repeat-x;font: bold 12px "Trebuchet MS", Arial, Helvetica,sans-serif;text-transform:uppercase;text-decoration: none;line-height:30px;letter-spacing:1px;color: #fff;padding: 0px 10px 0px 10px;margin:0px 3px;height:30px;border: 1px solid rgba(0,0,0,0.3);border-top: 1px solid rgba(0,0,0,0.2);border-left: 1px solid rgba(0,0,0,0.2);-moz-border-radius:5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius:5px;position: relative;cursor: pointer;}
.flatstyled_button:disabled {background:#888; opacity:0.5;filter: alpha(opacity=50);-ms-filter: "alpha(opacity=70)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);zoom:1;}

.refresh_button.flatstyled_button:after,.goforward_button.flatstyled_button:after, .cancel_button.flatstyled_button:after, .confirm_button.flatstyled_button:after, .question_button.flatstyled_button:after, .delete_button.flatstyled_button:after, .edit_button.flatstyled_button:after, .view_button.flatstyled_button:after  {position:absolute;padding-top:7px;right:5px;}
.refresh_button.flatstyled_button, .goforward_button.flatstyled_button, .cancel_button.flatstyled_button, .confirm_button.flatstyled_button, .question_button.flatstyled_button, .delete_button.flatstyled_button, .flatstyled_button.styled_button, .view_button.flatstyled_button {padding-right:25px;}


.goback_button.flatstyled_button:before  {position:absolute;padding-top:7px;left:5px;}
.goback_button.flatstyled_button {padding-left:25px;}
.goback_button.flatstyled_button:before {content: url(../images/notjustagrid/icons/icon-arrow_left.png);}

.goforward_button.flatstyled_button:after {content: url(../images/notjustagrid/icons/icon-arrow_right.png);}
.refresh_button.flatstyled_button:after {content: url(../images/notjustagrid/icons/icon-arrow_refresh.png);}
.cancel_button.flatstyled_button:after {content: url(../images/notjustagrid/icons/icon-cancel.png);}
.confirm_button.flatstyled_button:after {content: url(../images/notjustagrid/icons/icon-success.png);}
.question_button.flatstyled_button:after {content: url(../images/notjustagrid/icons/icon-question.png);}
.delete_button.flatstyled_button:after {content: url(../images/notjustagrid/icons/icon-delete.png);}
.edit_button.flatstyled_button:after {content: url(../images/notjustagrid/icons/icon-edit.png);}
.view_button.flatstyled_button:after {content: url(../images/notjustagrid/icons/icon-view.png);}

.nephritis.flatstyled_button {background-color:#2ecc71;}
.pomegranate.flatstyled_button {background-color: #e74c3c;}
.newmarketgreen.flatstyled_button {background-color:#27ae60;}
.midnightblue.flatstyled_button {background-color:#34495e;}
.asbestos.flatstyled_button {background-color:#95a5a6; color:#666;	text-shadow: 0 1px 1px rgba(255,255,255,0.8);}
.nephritis.flatstyled_button:hover {background-color:#27ae60; -webkit-box-shadow: inset 0px 3px 4px -5px rgba(0,0,0,0.2);}
.pomegranate.flatstyled_button:hover {background-color: #c0392b; -webkit-box-shadow: inset 0px 3px 4px -5px rgba(0,0,0,0.2);}
.midnightblue.flatstyled_button:hover {background-color:#2c3e50; -webkit-box-shadow: inset 0px 3px 4px -5px rgba(0,0,0,0.2);}
.newmarketgreen.flatstyled_button:hover {background-color:#19904b; -webkit-box-shadow: inset 0px 3px 4px -5px rgba(0,0,0,0.2);}
.asbestos.flatstyled_button:hover {background-color:#7f8c8d;color:#666; text-shadow: 0 1px 1px rgba(255,255,255,0.8); -webkit-box-shadow: inset 0px 3px 4px -5px rgba(0,0,0,0.2);}