/*gwt integration */

.gwt-Reference-standard {
  height: 5px;
  width: 5px;
  zoom: 1;
}

.gwt-Button {
  margin: 0;
  padding: 3px 5px;
  text-decoration: none;
  font-size: 10px;
  cursor: pointer;
  cursor: hand;
  background: url("images/hborder.png") repeat-x 0px -27px;
  border: 1px outset #ccc;
}
.gwt-Button:active {
  border: 1px inset #ccc;
}
.gwt-Button:hover {
  border-color: #9cf #69e #69e #7af;
}
.gwt-Button[disabled] {
  cursor: default;
  color: #888;
}
.gwt-Button[disabled]:hover {
  border: 1px outset #ccc;
}

.gwt-DecoratorPanel {
}
.gwt-DecoratorPanel .topCenter,
.gwt-DecoratorPanel .bottomCenter {
  background: url(images/hborder.png) repeat-x;
}
.gwt-DecoratorPanel .middleLeft,
.gwt-DecoratorPanel .middleRight {
  background: url(images/vborder.png) repeat-y;
}
.gwt-DecoratorPanel .topLeftInner,
.gwt-DecoratorPanel .topRightInner,
.gwt-DecoratorPanel .bottomLeftInner,
.gwt-DecoratorPanel .bottomRightInner {
  width: 5px;
  height: 5px;
  zoom: 1;
}
html>body .gwt-DecoratorPanel .topLeft {
  background: url(images/corner.png) no-repeat 0px 0px;
}
html>body .gwt-DecoratorPanel .topRight {
  background: url(images/corner.png) no-repeat -5px 0px;
}
html>body .gwt-DecoratorPanel .bottomLeft {
  background: url(images/corner.png) no-repeat 0px -5px;
}
html>body .gwt-DecoratorPanel .bottomRight {
  background: url(images/corner.png) no-repeat -5px -5px;
}
* html .gwt-DecoratorPanel .topLeftInner {
  width: 5px;
  height: 5px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gwt/standard/images/corner.png',sizingMethod='crop');
}
* html .gwt-DecoratorPanel .topRightInner {
  width: 10px;
  height: 5px;
  margin-left: -5px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gwt/standard/images/corner.png',sizingMethod='crop');
}
* html .gwt-DecoratorPanel .bottomLeftInner {
  width: 5px;
  height: 10px;
  margin-left: 0px;
  margin-top: -5px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gwt/standard/images/corner.png',sizingMethod='crop');
}
* html .gwt-DecoratorPanel .bottomRightInner {
  width: 10px;
  height: 10px;
  margin-left: -5px;
  margin-top: -5px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gwt/standard/images/corner.png',sizingMethod='crop');
}

.gwt-TabBar {
}
.gwt-TabBar .gwt-TabBarFirst {
  width: 5px;  /* first tab distance from the left */
}
.gwt-TabBar .gwt-TabBarRest {
}
.gwt-TabBar .gwt-TabBarItem {
  margin-left: 6px;
  padding: 3px 6px 3px 6px;
  cursor: pointer;
  cursor: hand;
  color: black;
  font-weight: bold;
  text-align: center;
  background: #d0e4f6;
}
.gwt-TabBar .gwt-TabBarItem-selected {
  cursor: default;
  background: #92c1f0;
}
.gwt-TabPanel {
}
.gwt-TabPanelBottom {
  border-color: #92c1f0;
  border-style: solid;
  border-width: 3px 2px 2px;
  overflow: hidden;
  padding: 6px;
}

.gwt-DecoratedTabBar {
}
.gwt-DecoratedTabBar .gwt-TabBarFirst {
  width: 5px;  /* first tab distance from the left */
}
.gwt-DecoratedTabBar .gwt-TabBarRest {
}
.gwt-DecoratedTabBar .gwt-TabBarItem {
  border-collapse: collapse;
  margin-left: 6px;
}
.gwt-DecoratedTabBar .tabTopCenter {
  padding: 0px;
  background: #d0e4f6;
}
.gwt-DecoratedTabBar .tabTopLeft,
.gwt-DecoratedTabBar .tabTopRight {
  padding: 0px;
  zoom: 1;
}
.gwt-DecoratedTabBar .tabTopLeftInner,
.gwt-DecoratedTabBar .tabTopRightInner {
  width: 6px;
  height: 6px;
}
html>body .gwt-DecoratedTabBar .tabTopLeft {
  background: url(images/corner.png) no-repeat 0px -55px;
}
html>body .gwt-DecoratedTabBar .tabTopRight {
  background: url(images/corner.png) no-repeat -6px -55px;
}
* html .gwt-DecoratedTabBar .tabTopLeftInner {
  width: 5px;
  height: 61px;
  margin-top: -55px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gwt/standard/images/corner.png',sizingMethod='crop');
}
* html .gwt-DecoratedTabBar .tabTopRightInner {
  width: 12px;
  height: 61px;
  margin-top: -55px;
  margin-left: -6px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gwt/standard/images/corner.png',sizingMethod='crop');
}
.gwt-DecoratedTabBar .tabMiddleLeft,
.gwt-DecoratedTabBar .tabMiddleRight {
  width: 6px;
  padding: 0px;
  background: #d0e4f6;
}
.gwt-DecoratedTabBar .tabMiddleLeftInner,
.gwt-DecoratedTabBar .tabMiddleRightInner {
  width: 1px;
  height: 1px;
}
.gwt-DecoratedTabBar .tabMiddleCenter {
  padding: 0px 4px 2px 4px;
  cursor: pointer;
  cursor: hand;
  color: black;
  font-weight: bold;
  text-align: center;
  background: #d0e4f6;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
  background: #92c1f0;
}
html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
  background-position: 0px -61px;
}
html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
  background-position: -6px -61px;
}
* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeftInner {
  width: 5px;
  height: 67px;
  margin-top: -61px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gwt/standard/images/corner.png',sizingMethod='crop');
}
* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRightInner {
  width: 12px;
  height: 67px;
  margin-top: -61px;
  margin-left: -6px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gwt/standard/images/corner.png',sizingMethod='crop');
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
  background: #92c1f0;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
  cursor: default;
  background: #92c1f0;
}

.vpDotted {
  border: 1px dotted blue;
}

.thumbnail,
.thumbnailOver,
.thumbnailSelected,
.thumbnailSelectedOver {
    border : 1px solid #CDCDCB;
}

.thumbnailTitle,
.thumbnailTitleOver,
.thumbnailTitleSelected,
.thumbnailTitleSelectedOver {
    font-size:9px;
    text-overflow:ellipsis;
}

.thumbnailTitleOver,
.thumbnailTitleSelected,
.thumbnailTitleSelectedOver {
    font-size:9px;
    text-overflow:ellipsis;    
    color: #336699;
}

** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}
.gwt-DialogBox {
	border: 2px solid #214232; /* #CCCCCC; */
    background-color:  #FFFFFF; /* #CCDC00; */
}

.gwt-DialogBox .Caption {
	font-family: Arial, Verdana,Bitstream Vera Sans,sans-serif; font-size:14px; text-overflow:ellipsis;
    background-color: #767A00; /* #417690; */
	color: #CCDC00; /* #F4F379; */
	padding: 4px;
	padding-bottom: 10px;
	font-weight: bold;
	cursor: default;
}
.admin-panel-header {
	font-family: Arial, Verdana,Bitstream Vera Sans,sans-serif; font-size:15px; font-weight: bold; text-overflow:ellipsis;
    height: 35px;
	width: 100%;
	background-color: #CCDC00; /* #CCCCCC; #417690 */
	cursor: default;
	color:  #214232; #F4F379 */
}

.header-text {
	font-family:  Arial, Verdana,Bitstream Vera Sans,sans-serif; font-size:24px; text-overflow:ellipsis;
    padding: 4px;
	padding-bottom: 8px;
	font-weight: bold;
	color: #214232; /* #7E7A00;*/ /* #FF0000;*/ /* #F4F379; */
}

.admin-panel-header-user-panel {
    font-family:  Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:15px; text-overflow:ellipsis;
    padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	margin-right: 4px;
}

.admin-panel-header .user-text {
	font-family:  Arial, Verdana,Bitstream Vera Sans,sans-serif; font-size:15px; text-overflow:ellipsis;
    font-size: 13px;
	color: #214232; /* #333333; */ /* #FFFFCC */	
}

.login-header {
    font-family:  Arial, sans-serif, Arial,Verdana,Bitstream Vera Sans,sans-serif; 
    font-size:15px; 
    font-weight: bold;
    padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-right: 4px;
	margin-left: 4px;
}

.admin-panel-header .user-logout  {
	font-family:  Arial, Verdana,Bitstream Vera Sans,sans-serif; font-size:15px; text-overflow:ellipsis;
    text-decoration: underline;
	cursor: pointer;
	font-weight: bold;
	color: #214232; /* #333333; */ /* #F4F379 */		
}
.admin-panel-menu {
    font-family:  Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:13px; text-overflow:ellipsis;
    width: 100%;
	background-color: #417690;
	cursor: default;
	color: #F4F379;
}

.admin-panel-options {
    font-family:  Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:13px; text-overflow:ellipsis;
    width: 100%;
	background-color: #CCDC00;
	cursor: default;
	color: #214232;
}


.resultset-first,
.resultset-last,
.resultset-next,
.resultset-previous,
.resultset-refresh
 {
    padding: 1px;
    font-size: small;
    cursor: pointer;
    cursor: hand;
    border: 1px solid grey;
}
.resultset-first {
  background: url("images/silk/resultset_first.png") no-repeat;
}
.resultset-last {
  background: url("images/silk/resultset_last.png") no-repeat;
}
.resultset-next {
  background: url("images/silk/resultset_next.png") no-repeat;
}
.resultset-previous {
  background: url("images/silk/resultset_previous.png") no-repeat;
}
.resultset-refresh {
  background: url("images/silk/arrow_refresh_small.png") no-repeat;
}


/*
 * INICI CSS per eBIT400
 */

.ebit-App {
  background-color:#EEEEEE;
  font-family:  Arial, Tahoma, Verdana, sans-serif;
  font-size: 12px;
  overflow: hidden;
}


.ebit-Application {
  background-color:#272624;
  font-family:  Arial, Tahoma, Verdana, sans-serif;
  font-size: 12px;
  overflow: hidden;
}

.ebit-ApplicationMenu {
  /* background-image: url(images/backgrounds/stone.jpg);
  background-repeat: repeat-x;  */
  background-color:#272624;
  padding-top: 4px;
  padding-left: 4px;
}



/* CAPÇALERES DEL HEADER */
.main-header {
  background-color:#272624; 
}

.main-header-Logo {
  padding-top: 4px;
  padding-left: 8px;
  cursor: hand;
}
.main-header-Logo-Proginsa {
  padding-top: 14px;
  padding-left: 8px;
  cursor: hand;
}
.main-header-Name {
  color: #ffffff;  
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 20px;
  font-weight: bold;
  overflow: hidden;
  padding-top: 8px;
  padding-left: 42px;	
  text-align: left;
}

.main-header-SignedInUser {
  color: #ffffff;  
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  font-weight: normal;
  overflow: hidden;
  padding-right: 14px;
  text-align: right;
}

.main-header-SignedInUser-Link {
  text-decoration: underline;
  cursor: pointer;
  cursor: hand;  
  color: #ffffff;  
  font-family: Arial;
  font-size: 15px;
  font-weight: normal;
}

/*
 * Navigation Pane ListGrid cells
 */
 
.ebit-NavigationPaneGridCell {
  color: black;
  cursor: pointer;
  cursor: hand;  
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 11px;
}

.ebit-NavigationPaneGridCellDark {
  color: black;
  cursor: pointer;
  cursor: hand;  
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 11px;
}
  
.ebit-NavigationPaneGridCellOver {
}

.ebit-NavigationPaneGridCellOverDark {
  background: url(images/navigation_pane_gridcell_over.png) repeat-x bottom left scroll;  
  border-top: 1px solid #ffb74c; 
  border-bottom:1px solid #ffb74c; 	
  color: black;
  cursor: pointer;
  cursor: hand;  
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 11px;
}

.ebit-NavigationPaneGridCellSelected,
.ebit-NavigationPaneGridCellSelectedDark {
  border-top: 1px solid #ffb74c;
  border-bottom: 1px solid #ffb74c;
  background-color: #ffe6a0; 
  color: black;   
  cursor: pointer;
  cursor: hand;  
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 11px;
}

.ebit-NavigationPaneGridCellSelectedOver,
.ebit-NavigationPaneGridCellSelectedOverDark {
  border-top: 1px solid #ffb74c;
  border-bottom: 1px solid #ffb74c;
  background-color: #ffe6a0; 
  color: black;   
  cursor: pointer;
  cursor: hand;  
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 11px;
}
/*
 * Context Area Status Bar
 */

.ebit-StatusBar {
  background-color: #f0f0f0;
  border-bottom: 1px solid #999999;
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 11px;
  color: black;   
  cursor: pointer;
  cursor: default;
}

.ebit-StatusBar-Label {
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 11px;
  color: black;   
  cursor: pointer;
  cursor: default;
  padding-left: 8px;  	
  padding-right: 8px;  
}

/*
 * Context Area Jump Bar
 */

.ebit-JumpBar {
  border-bottom: 1px solid #999999;
  background-color: #f0f0f0;
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 11px;
  color: black;   
  cursor: pointer;
  cursor: default;
  /*
  padding-left: 4px;  	
  padding-right: 4px; 
  */ 
}

.ebit-JumpBar-Label {
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 11px;
  color: black;   
  cursor: pointer;
  cursor: default;
}

.ebit-JumpBar-LabelOver,
.ebit-JumpBar-LabelDown {
  font-weight: bold;  
}
.ebit-NavigationPane-Header {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #000000;
  background-color:#ffffff;
  color: #214232; 
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 13px;
  font-weight: bold; 
  
  
}

.ebit-CRUD-form {
  /* background-color:#E9FCB1; */
  background-color:#F5F5DC;

}

.ebit-NavigationPane-Header-Label {
  border-right: 1px solid #214232; 
  background-color:#E9FCB1;
  color: #214232;    
  cursor: default;
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;  
  padding-left: 8px;  
   
}

.ebit-ContextArea-Header-Label {
  background-color:#E9FCB1;
  color: #214232;     
  cursor: default;
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;  
  padding-left: 8px;    
  
  
}
.ebit-ContextArea-Header-Label-link {
    
  background-color:#E9FCB1;
  text-decoration: underline;
  color: #214232;     
  cursor: default;
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;  
  padding-left: 8px;
  padding-right: 8px;    
  cursor: pointer;
  cursor: hand;
  
}


.ebit-NavigationPane-Search-ORIGINAL {
  border-top: 1px solid #000000;
  border-bottom: 2px solid #ffffff;
  background-color:#F8F8FF;
}

.ebit-NavigationPane-Search {
  margin: 0;
  padding: 3px 5px;
  text-decoration: none;
  font-size: 10px;
  cursor: pointer;
  cursor: hand;
  background: url("images/hborder.png") repeat-x 0px -27px;
  border: 1px outset #ccc;
}

.ebit-NavigationPane-Search-2 {
  margin: 0;
  padding: 3px 5px;
  text-decoration: none;
  font-size: 10px;
  cursor: pointer;
  cursor: hand;
  background: url("images/hborder.png") repeat-x 0px -27px;
  border: 1px outset #ccc;
}
/* PANTALLA LOGIN */


/* XML */
.xmlLabel {
  	font-family: monospace;
 }

/* Afegits 31/10/2012 */
.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

/* PANTALLA LOGIN */

.loginTEST {
    background-color: white;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 25px 10px #2A496A;
    clear: both;
    margin: 60px auto auto;
    padding: 0 0 0 30px;
    width: 700px;
}

.login {
	border: 0px solid #ccc;
	position: absolute;
    left: 25%;
    top: 30%;
    padding: 2px;
    z-index: 20001;
    height: auto;
 }
 .loginRegister {
	border: 0px solid #ccc;
	position: absolute;
    left: 25%;
    top: 15%;
    padding: 2px;
    z-index: 20001;
    height: auto;
 }
.loginKK {
	border: 0px solid #ccc;
	position: absolute;
    left: 25%;
    top: 30%;
    padding: 2px;
    z-index: 20001;
    height: auto;
    
    -moz-border-radius: 20px; /* Firefox */
    -webkit-border-radius: 20px; /* Safari and Chrome */
    border-radius: 20px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    -moz-box-shadow: 10px 10px 20px #000; /* Firefox */
    -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
    box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
    behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */

 }



.pantalla_login_title2 {
    border: 1px solid #ccc;
    background-color:#ffffff;
    width: 24%;
    height: 12em;
    color: #ccdc00;
    border-bottom-left-radius: 152px 152px;  
    border-bottom-right-radius: 228px 228px;  
    border-bottom-style: dashed;  
    border-bottom-width: 42px;  
    border-left-style: dashed;  
    border-left-width: 42px;  
    border-right-style: dashed;  
    border-right-width: 42px;  
    border-top-left-radius: 152px 152px;  
    border-top-right-radius: 304px 304px;  
    border-top-style: dashed;  
    border-top-width: 42px;  
    padding-bottom: 12px;  
    padding-left: 12px;  
    padding-right: 12px;  
    padding-top: 12px; 
}

.pantalla_Login_title3 {
	border: 2px solid green;
    background-color:#ffffff;
    width: 24%;
    height: 12em;
    color: #ccdc00;
	
 -moz-border-radius-topleft: 10px;  
 -moz-border-radius-topright:10px;  
 -moz-border-radius-bottomleft:10px;  
 -moz-border-radius-bottomright:10px;  
 -webkit-border-top-left-radius:10px;  
 -webkit-border-top-right-radius:10px;  
 -webkit-border-bottom-left-radius:10px;  
 -webkit-border-bottom-right-radius:10px;  
 border-top-left-radius:10px;  
 border-top-right-radius:10px;  
 border-bottom-left-radius:10px;  
 border-bottom-right-radius:10px;  

}
.login_titleXXXXX {
    border: 1px solid #272624;
    background-color:#ffffff;
    /* background-color:#E9FCB1; */
   
    width: 24%;
    height: 12em;
    color: #ccdc00;
	border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	
	background-color: ffffff; border: black solid 1px;
    box-shadow: 20px 15px 10px 5px rgba(0,0,10,0.5);
    -webkit-box-shadow: 20px 15px 10px 5px rgba(0,0,10,0.5);
}

.login_title {
    /* border: solid #272624 1px; */
    background-color:#ffffff;
    
    width: 24%;
    height: 12em;
    color: #ccdc00;
    border-radius: 10px;
/*  -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px; */
    
    box-shadow: 20px 15px 10px 5px rgba(0,0,10,0.5);
    -webkit-box-shadow: 20px 15px 10px 5px rgba(0,0,10,0.5);
    background-color: ffffff; 
    border: #a1a1a1 solid 2px;
}

.login_Reference-standard {
  height: 4px;
  width: 4px;
  zoom: 1;
}
.login_about {
    background: url("images/fondo_cuadros.bmp") ;
    background-color: #707070; /* #31924F; */
    width: 24%;
    height: 2em;
    color: #272624;
}

.login_headerMAIN {
    padding: 2px; 
    border-bottom: 1px solid #707070;
}
.login_header {
    padding: 1px;
    font-family: Verdana, Arial, 'Times New Roman', Arial, Georgia,'Times New Roman',times,serif;
    font-size: 15px;
    font-weight: bold;
    color: white;
}

.login_header_label {
    background-color:#ffffff; 
    padding-top: 26px;
	font-family: Verdana, Arial, 'Times New Roman', Arial, Georgia,'Times New Roman',times,serif;
    font-size: 16px;
    font-weight: bold;
    color: black; /* white */
    /* border-bottom: 1px solid #37FC06; */
    border-bottom: 0px solid #707070;
}
.login_logo {
	/* padding-top: 4px; */
    padding: 2px; 
    cursor: hand;
}
	
.login_error {
    padding: 4px;
    font-family: Verdana, Arial, Georgia,'Times New Roman',times,serif;
    font-size: 9px;
    font-weight: bold;
    color: #272624;
}
.login_copyright {
    padding: 4px;
    font-family: Verdana, Arial, Georgia,'Times New Roman',times,serif;
    font-size: 9px;
    /* font-weight: bold; */
    color: #272624;
}
.login_user_text {
	font-family:  Verdana, Tahoma, Arial, sans-serif, Arial, Verdana,Bitstream Vera Sans, sans-serif; 
	font-size:11px;
	font-style: italic;
}
.login_button {
	font-family:  Verdana, Arial, sans-serif, Arial, Verdana,Bitstream Vera Sans, sans-serif; 
	font-size:12px;
}
.login_register {
	cursor: pointer;
	cursor: hand;
	text-decoration: underline;
	font-family:  Arial; 
	font-size:10px;
}

.links_header {
text-decoration: none;
color:#FFFFFF;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
font-style: bold;
}

.exampleSeparator {
    border-bottom: 2px solid gray;
    background-color:white; color:black;
    font-weight: bold;
    text-align: left;
}
.footer {
    display: table;
    width: 100%;
}
.footer nav {
    display: table-cell;
    text-align: left;
}
.footer p {
    display: table-cell;
    text-align: right;
}