@charset "UTF-8";


/* CSS Document */

/* 
    Document   : analytics
    Created on : Jul 17, 2010, 2:39:34 PM
    Author     : juanzaparolli
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
	background-image: url(../images/bkgd_circles.png);
	background-repeat: repeat;
}

root { 
    display: block;
}

#wrapper, #pagediv {
    margin:0 auto;
    width: 1024px;
    height: 668px;
}

#wrapper {
	right: 50%;
	position: absolute;
	margin-top: 150px;
}

#pagediv {
    left: 50%;
    position: relative;
}
*/
#titlediv {
	width: 100%;
	height: 75px;
}

#titlecompanylogodiv {
  height: auto;
  width: 300px;
  margin-right: auto;
  margin-left: auto;
  background-repeat: no-repeat;
}

#logo {
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 250px;
}

#titlesystemlogodiv {
    display: none;
    float: left;
    height: 60px;
    width: 843px;
}

#contentdiv {
    width: 1024px;
    float: left;
}

#contentnavigationdiv {
    width: 280px;
    float: left;
    overflow: scroll;
}

.contentnavigationul {
	margin: 0px;
	margin-left: -20px;
}

.contentnavigationul a { text-decoration: none; }
.contentnavigationul a:visited { text-decoration: none; }
.contentnavigationul a:hover { text-decoration: none; }

.contentnavigationli {
	background-color: #d8d8d8;
}

.contentnavigationli a { color: black; }
.contentnavigationli a:visited { color: black; }
.contentnavigationli a:hover { color: white; }

#contentpresentationdiv {
/*    width: 744px;*/
/*    height: 458px;*/
		margin-left: 285px;
/*    float: left;*/
/*    overflow-x: scroll;*/
}

#contentnotificationdiv {
    width: 744px;
    height: 25px;
    float: left;
    text-align: center;
    background-color: green;
    color: yellow;
}

#errornotificationdiv {
    width: 100%;
    float: left;
    text-align: left;
    background-color: #FF3C3C;
		padding: 5px;
    color: black;
		margin-bottom: 5px;
		border: 1px solid black;
}

#contentframediv {
    width: 1024px;
    height: 458px;
    float: left;
}

#notificationdiv {
  width: 100%;
  height: auto;
  text-align: left;
}

.notificationdiv_dev {
    position: relative;
    background-color: #a3594d;
    color: white;
}

.notificationdiv_uat {
    position: relative;
    background-color: #146f8d;
    color: white;
}

.notificationdiv_qa {
    position: relative;
    background-color: #d8bd68;
    color: black;
}

.notificationdiv_prod {
    position: relative;
    background-color: #006838;
    color: yellow;
}

#menudiv {
    border-radius: 25px;
	width: 330px;
    text-align: center;
	margin-right: auto;
	margin-left: auto;
	clear: both;
    min-height: 0px;
    overflow: hidden;
    margin-bottom: 10px;
}

#menudiv.loginmenu_dev {
    background-color: #AE5449;
}

#menudiv.loginmenu_qa {
    background-color: #DDBD58;
}

#menudiv.loginmenu_uat {
    background-color: #007090;
}

#menudiv.loginmenu_prod {
    background-color: #006B32;
}

#menudiv a {
    text-decoration: none;
    color: black;
    font-weight: bold;
}

#menudiv a:hover {
	color: white;
}

#loginemptydiv {
    float: left;
    width: 644px;
    height: 30px;
}

#logindiv {
	float: left;
	height: 30px;
}

#passworddiv {
    float: left;
    width: 160px;
    height: 30px;
}

#loginsubmitdiv {
    float: left;
    width: 60px;
    height: 30px;
}

#logoutdiv {
    float: left;
    width: 60px;
    height: 30px;
		margin-top: 8px;
}

#admindiv {
    float: left;
	  padding-left: 10px;
		padding-right: 10px;
    height: 30px;		
		line-height: 30px;		
		vertical-align: middle;
}

#adminselecteddiv {
    float: left;
    height: 30px;
    background-color: yellow;
    color: green;
	  padding-left: 10px;
		padding-right: 10px;
		border: 1px solid black;
		line-height: 30px;
		vertical-align: middle;		
}

#submenuadmin1div {
    float: left;
    width: 140px;
    height: 30px;
}

#submenuadmin2div {
    float: left;
    width: 140px;
    height: 30px;
}

#submenuadmin3div {
    float: left;
    width: 140px;
    height: 30px;
}

#submenuadmin4div {
    float: left;
    width: 140px;
    height: 30px;
}

#submenuadmin5div {
    float: left;
    width: 140px;
    height: 30px;
}

#submenuadmin6div {
    float: left;
    width: 140px;
    height: 30px;
}

#submenuadmin7div {
    float: left;
    width: 140px;
    height: 30px;
}

#contentsdiv {
    float: left;
    height: 30px;
	  padding-left: 10px;
		padding-right: 10px;
		line-height: 30px;		
		vertical-align: middle;
}

#submenucontents1div {
    float: left;
    width: 160px;
    height: 30px;
}

#contentsselecteddiv {
    float: left;
    height: 30px;
    background-color: yellow;
    color: green;
	  padding-left: 10px;
		padding-right: 10px;
		border: 1px solid black;
		line-height: 30px;		
		vertical-align: middle;
}

#mobilediv {
    float: left;
    height: 30px;
	  padding-left: 10px;
		padding-right: 10px;
		line-height: 30px;		
		vertical-align: middle;
}

#mobileselecteddiv {
    float: left;
    height: 30px;
    background-color: yellow;
    color: green;
	  padding-left: 10px;
		padding-right: 10px;
		border: 1px solid black;
		line-height: 30px;		
		vertical-align: middle;
}

#reportsdiv {
    float: left;
    height: 30px;
	  padding-left: 10px;
		padding-right: 10px;
		line-height: 30px;		
		vertical-align: middle;
}

#reportsselecteddiv {
    float: left;
    height: 30px;
    background-color: yellow;
    color: green;
	  padding-left: 10px;
		padding-right: 10px;
		border: 1px solid black;
		line-height: 30px;		
		vertical-align: middle;
}

#mainmenuemptydiv {
    float: left;
    width: 300px;
    height: 30px;       
}

#currentuserdiv {
		float: left;
		height: 30px;
		margin-right: 15px;
}

#logoutsubmitdiv {
    float: left;
    width: 60px;
    height: 30px;
}

#menu_current_user_logout_div {
		float: right;
		height: 30px;
		line-height: 30px;
		vertical-align: middle;
}

.finastra_ad_form {
 height: 45px;
}


#submenudiv {
    width: 1024px;
    height: 60px;
    background-color: yellow;
    color: green;
    text-align: center;
}

#submenudiv a {
    text-decoration: none;
    color: black;
    font-weight: bold;
}

#submenuemptydiv {
    width: 1024px;
    height: 60px;
}

#footerdiv {
/*    width: 1024px;*/
    height: 75px; 
		float: left;
		width: 100%;
/*    background-image: url(/images/footer.png);*/
}

table {
    font-size: small;
    border-collapse: collapse;
    border: 1px solid #15582a;
    table-layout: auto;
}

th {
    text-align: left;
    background: #15582a;
    color: white;
    padding: 0.2em;
    white-space: nowrap;
		border: 1px solid black;
}

td {
    border: 1px solid #15582a;
    padding-top: 0.3em;
		padding-bottom: 0.3em;
		padding-left: 0.5em;
		padding-right: 0.5em;
    white-space: nowrap;
    color: #06215E;
}

form {
	height: 185px;
	width: 313px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	float: none;
	clear: both;
}

.loginbkgd_prod {
    background-color: #006B32;
    border-radius: 25px;
    background-size: 100% auto;
    width: auto;
    height: auto;
    line-height: 25px;
    vertical-align: middle;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 20px;
}

.loginbkgd_dev {
    background-color: #AE5449;
    border-radius: 25px;
    background-size: 100% auto;
    width: auto;
    height: auto;
    line-height: 25px;
    vertical-align: middle;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 20px;
}

.loginbkgd_qa {
    background-color: #DDBD58;
	background-size: 100% auto;
    border-radius: 25px;
    background-size: 100% auto;
    width: auto;
    height: auto;
    line-height: 25px;
    vertical-align: middle;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 20px;
}

.loginbkgd_uat {
    background-color: #007090;
    border-radius: 25px;
    background-size: 100% auto;
    width: auto;
    height: auto;
    line-height: 25px;
    vertical-align: middle;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 20px;
}

input {
	background-color: rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color -moz-use-text-color #aeaeae;
    border-style: none none solid;
    border-width: 0 0 1px;
    box-shadow: none;
    box-sizing: border-box;
    color: #fff;
    font-family: "Source Sans Pro","Calibri",Verdana,Geneva,sans-serif;
    font-size: 18px;
    height: 43px;
    margin-bottom: 17px;
	margin-right: 0 !important;
    margin-top: 10px;
    padding: 0 12px;
    transition: all 0.3s ease 0s;
    width: 80%;

}
input.login_button {
	background-img: url(../images/login_btn.png);
    margin-top: 25px;	

}
 
input.username_field {
	height: 35px;
	margin-bottom:8px;
	margin-top:28px;
	margin-right:0px;
}

input.password_field {
	height: 35px;
	margin-right:0px;
}

#loginbtn {
    opacity: .7;
    background-color: #A5A6A7;
    text-align: center;
	padding: 7px;
    border-radius: 10px;
    margin-right: 25px;
    margin-left: 25px;
}

.form_button {
    width: 250px;
    padding: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: lighter;
    font-size: 15px;
    vertical-align: baseline;
    color: black;
    opacity: .7;
    background-color: #A5A6A7;
    text-align: center;
    border-radius: 10px;
    border: none;
    margin-top: 0px;
    margin-bottom: 0px;
    cursor: pointer;
}

#option_warning{
    color: red;
    text-align: center;
}

.form_button #finastra_ad{
    font-size: 14px;
}

.div_separator {
    margin: -24px;
    font-size: 15px;
}


div.box {
    width: 100px;
    height: 100px;
    background: transparent;
    display: table-cell;
    vertical-align: middle;
}

.box img {
    display: block;
    margin: 0px auto;
    overflow: hidden;
}

.error {
	color: red;
}

#navigationdiv {
    float: left;
    width: 200px;
    height: 468px;
}

#maintentancediv {
    float: left;
    width: 800px;
    height: 468px;
    overflow: scroll;
}

#yearmonthsdiv {
    float: left;
    width: 780px;
    height: 25px;
    text-align: right;
}

#reportdivdiv {
    float: left;
    width: 800px;
    height: 443px;
}

#menu_current_user_login_div {
    border-radius: 25px;
    background-size: 100% auto;
	width: auto;
	height: auto;
	line-height: 25px;
	vertical-align: middle;
	margin-right: auto;
	margin-left: auto;
    padding-bottom: 20px;
}

/* These are fieldset styles only for show pages. */
fieldset.show_page label {
	display: block;
	float: left;
				width: 260px;
	margin-right: 10px;
	text-align: left;
	font-weight: bold;	
}

fieldset.show_page p {
	clear: both;
	float: left;
	margin-bottom: 5px;
}

fieldset.show_page.ajax_form_fieldset {
	border: 0px;
}

fieldset.show_page br {
	clear: left;
	margin-bottom: 15px;
}

fieldset.show_page .show_page_right_side_box {
	clear: left;
	margin-left: 270px;
	margin-bottom: 15px;
}

fieldset.show_page .show_page_right_side_box br {
	margin-bottom: 0px;
}

fieldset.show_page .show_page_right_side_box label {
	margin-right: 10px;
	text-align: left;
	font-weight: bold;
	clear: none;
	float: none;
	display: inline;
}

fieldset.show_page .image_file {
	float: right;
}
/*                                */

/* fieldset styles for form pages that are ajax. */

fieldset.ajax_form_fieldset {
	border: 0px;
}

fieldset.ajax_form_fieldset label {
	display: block;
	clear: left;
	float: left;
	width: 260px;
	margin-right: 10px;
	text-align: left;
	font-weight: bold;
}

/*                              */


/* fieldset styles for form pages */
fieldset label {
	display: block;
	clear: left;
	float: left;
	width: 260px;
	margin-right: 10px;
	text-align: left;
	font-weight: bold;
}

fieldset label.label_with_break {
	clear: left;
	float: left;
	width: 100%;
	text-align: left;
	font-weight: bold;
}

fieldset br {
	clear: left;
	margin-bottom: 15px;
}

fieldset select {
	margin-top: 5px;
}

fieldset textarea {
	width: 300px;
	height: 120px;
}

fieldset div.fieldset_right_side_box {
	margin-left: 270px;
	margin-bottom: 15px;	
}

fieldset div.fieldset_right_side_box label {
	margin-right: 10px;
	text-align: left;
	font-weight: bold;
}

fieldset .label_width {
	margin-left: 260px
}

fieldset.filter {
	margin-bottom: 10px;
}

fieldset.filter div.filter_right_side_box {
	margin-left: 268px;
}

fieldset.filter input {
	margin-top: 5px;
}
/*                                */

div.bulk_edit label, input {
	margin-right: 5px;
}

div.organization_filter select {
	margin-top: 5px;
}

#ajax_form_error {
  margin-top: 10px;
	margin-bottom: 10px;
  width: 100%;
	border: 2px solid red;
}

#ajax_form_message {
  margin-top: 10px;
	margin-bottom: 10px;
  width: 100%;
	border: 2px solid green;
}

.content_div {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	border :1px solid black;
}

.content_div_no_border {
	border :0px;
}

.content_edit_form_div {
	margin-top: 10px;
	margin-bottom: 10px;
}

.content_box_inside {
	margin-bottom: 20px;
	border :1px solid black;
	background: #F0F0F0;	
}

.content_box_header {
	background: #c8c8c8;
	width: 100%;
}

.content_box_header span.image_controls {
	margin-left: 4px;
	margin-right: 4px;
}

.content_box_header span.image_controls a:hover {
	background-color: #c8c8c8;
}

.content_box_inside_header {
	background: #c8c8c8;
	width: 110%;	
}

.content_box_inside_header a {
	font-weight: normal;
	font-size: 12px;
}

.content_box_body_left {
	margin-left: 5px;
	float: left;
	width: 100px;
}

.content_box_body_left a {
	font-size: 12px;
}

.content_box_body_right {
	width: 90%;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

.content_box_body_right a {
	font-size: 12px;
}

/*.content_box_body_left {
	float: left;
	width: 50px;
}

.content_box_body_right {
	width: 90%;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 50px;
}
*/


.instructional {
	display; block;
	font-style: italic;
	font-size: 10px;
	margin-left: 10px;
}

.instructional-no-margin {
	display; block;
	font-style: italic;
	font-size: 10px;
}

.index_header a { color: white; }
.index_header a:visited { color: white; }
.index_header a:hover { color: white; }
.index_header td a { color: black; }
.index_header td a:visited { color: black; }
.index_header td a:hover { color: white; }
.index_header tr:hover { background-color: #ebdde2; }

.index_header td {
	vertical-align: top;
}



/*   */

span.text2display_form {
  z-index: 24;
  color: #000;
  text-decoration: none;
  display: block;
  position: absolute;
  top: 2em;
	left: 2em;
	width: auto;
  border: 1px solid #009900;
  background-color: #339933;
	padding: 2px;
	color: #000;
  text-align: center;
	font-weight: normal;
	font-size: small;
}

/*   */

/* CSS Tool Tips - found here  http://psacake.com/web/jl.asp */

span.tooltip {
    position: relative; /*this is the key*/
    z-index: 24;
    color: #000;
    text-decoration: none;
}

span.tooltip a { font-size: xx-small; text-decoration: none; color: black; }
span.tooltip a:visited { font-size: xx-small; color: #000; text-decoration: none; color: black; }
span.tooltip a:hover { font-size: xx-small; color: white; text-decoration: none; }
span.tooltip:hover{	z-index:25; text-decoration: none; }
span.tooltip span{ display: none; text-decoration: none; }

/* This span will display just on :hover state. */
span.tooltip:hover span{ 
    display: block;
    position: absolute;
    bottom: 1em;
		left: 4em;
		width: auto;
    border: 1px solid black;
    background-color: #FFFF96;
		padding: 2px;
		color: #000;
    text-align: left;
		font-weight: normal;
		font-size: small;
		width: 400px;
		height: 200px;
		overflow: auto;
		white-space: normal;
}

span.tooltip:hover span.tooltip_small {
	width: 250px;
}

/*End of CSS Tool Tips*/

span.image_controls a:hover {
		background-color: white;
}

span.image_controls img {
	margin-right: 4px;
}

img.edit_image:hover {
	background-image: url(../images/edit_gray_alt.png);
}

img.delete_image:hover {
	background-image: url(../images/delete_gray_alt.png);
}

img.reorder_image:hover {
	background-image: url(../images/reorder_gray_alt.png);
}