view Agendas/trunk/src/Agendas.Web/Content/Site.css @ 220:42a1068e73c8

corrección en subpanels para respetar (un poco mas) html según la w3c
author nelopauselli
date Fri, 09 Sep 2011 11:26:17 -0300
parents 607384590bf8
children da9c295e9fa1
line wrap: on
line source

body {
	font-family: Arial, Helvetica, sans-serif;
	/* font-family: Tahoma, sans-serif; */
	font-size: 62.5%;
	color: #575757;
	text-align: left;
	margin: 0;
	padding: 0;
	background: #fff url("themes/altnethispano/images/header-background.gif") repeat-x 0 0;
}
html, body {
	height: 100%;
}
*{
	margin: 0;
	padding: 0;	
}

a img, img {
	border: 0;
}
a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}
/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* Layout */
.wrapper 
{
    margin: 0 auto;
    width: 1024px;
}
.wrapperIn
{
	margin: 0 auto;
	width: 1024px;
	background: #fff url("themes/altnethispano/images/div_wrapperIn.gif") no-repeat 50% 38px;
	float: left;
}
#header 
{
	width: 100%;
	height: 122px;
	position: relative;
}
.navigation
{
    height: 38px !important;	
	background: #7e8080 url("themes/altnethispano/images/div_navigation.gif") repeat-x 0 100%;
	width: 100% !important;
}
.page 
{
	margin: 0 auto;
	padding: 0 10px;
	width: 1004px;
	float: left;
	background: transparent url("themes/altnethispano/images/div_content.gif") no-repeat 50% 100%;
}
#main 
{
	/* este width es para cuando está la columna de patrocinadores, que en esta versión no está incluido
	   por lo que se comenta el width para que use el que hereda de page.
	width: 794px;*/
	float: left;
	font-size: 1.4em;
    line-height:120%;
	padding: 20px 20px 0 30px;
}
#footer 
{
	width: 100%;
	float: left;
	margin: 20px 0 0;
	padding: 10px 0;
	background: transparent url("themes/altnethispano/images/ul_topsponsors_li.gif") repeat-x 0 0;
	text-align: center;
}
.userGroupLogo 
{
	padding: 0 10px;
	width: 205px;
	height: 88px;
	background: transparent url("themes/altnethispano/images/div_logo.png") no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}
input[type="checkbox"]
{
    margin: 3px;
}

/* TABLE
----------------------------------------------------------*/

table 
{
    border: solid 1px #e8eef4;
    border-collapse: collapse;
    margin-bottom: 5px;
}

table td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

div#title
{
    display: block;
    float: left;
    left: 250px;
    position: absolute;
    text-align: left;
    top: 30px;
}

#logindisplay
{
	display: block;
	font-size: 1.1em;
	text-align: right;
	margin: 10px;
	margin-top: -17px;
	color: #ccc;
}

#logindisplay a:link
{
    color: #ccc;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: #ccc;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: #ccc;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-errors ul
{
	list-style-type:none;
}

.validation-summary-errors li
{
    font-weight: normal;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label
{
    margin: 1em 0 0 0;
}

.display-field,
.editor-field
{
    margin:0.5em 0 0 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}


/* Buttons */
.buttons a
{
	text-align: center;
    vertical-align: middle;
    padding: 10px 10px 10px 10px;
	color: #000;
}


/* MENU */
.RadMenu {
    position: relative;
    white-space: nowrap;
    width: 50%;
}
.RadMenu .rmRootGroup {
    display: inline-block;
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;
}
.RadMenu .rmHorizontal .rmItem {
    clear: none;
}
.RadMenu .rmItem {
    float: left;
    list-style: none outside none;
    position: relative;
}
* html .RadMenu .rmItem {
    display: inline;
}
.RadMenu .rmItem {
    padding: 0;
}
.RadMenu a.rmLink {
    cursor: default;
    display: block;
}
.RadMenu .rmLink {
    float: left;
    outline: 0 none;
    padding: 0 0 0 12px;
}
.RadMenu .rmLink {
    width: auto;
}
.RadMenu .rmHorizontal .rmText {
    padding: 0 12px 1px 0;
}
.RadMenu_Default .rmRootGroup, .RadMenu_Default .rmLink, .RadMenu_Default .rmText, .RadMenu_Default .rmLeftArrow, .RadMenu_Default .rmRightArrow, .RadMenu_Default .rmTopArrow, .RadMenu_Default .rmBottomArrow {
    background-color: transparent;
    background-image: url("themes/altnethispano/images/menu.png");
}

.RadMenu_Default .rmFirst .rmLink, .RadMenu_Default .rmFirst .rmLink:hover, .RadMenu_Default .rmLast .rmText, .RadMenu_Default .rmLast .rmLink:hover .rmText, .RadMenu_Default .rmVertical .rmLink, .RadMenu_Default .rmVertical .rmText {
    background-position: 0 500px;
    background-repeat: no-repeat;
}
.RadMenu_Default .rmLink, .RadMenu_Default .rmDisabled, .RadMenu_Default .rmDisabled:hover {
    background-position: 0 -72px;
}
.RadMenu_Default, .RadMenu_Default .rmLink {
    color: #000000;
    font: 12px/23px "Segoe UI",Arial,sans-serif;
    text-decoration: none;
}
.RadMenu_Default .rmRootGroup, .RadMenu_Default .rmLink, .RadMenu_Default .rmText, .RadMenu_Default .rmLeftArrow, .RadMenu_Default .rmRightArrow, .RadMenu_Default .rmTopArrow, .RadMenu_Default .rmBottomArrow {
    background-color: transparent;
    background-image: url("themes/altnethispano/images/menu.png");
}
.RadMenu_Default .rmText, .RadMenu_Default .rmDisabled .rmText, .RadMenu_Default .rmDisabled:hover .rmText {
    background-position: 100% -96px;
}

.RadMenu_Default .rmRootGroup, .RadMenu_Default .rmLink, .RadMenu_Default .rmText, .RadMenu_Default .rmLeftArrow, .RadMenu_Default .rmRightArrow, .RadMenu_Default .rmTopArrow, .RadMenu_Default .rmBottomArrow {
    background-color: transparent;
    background-image: url("themes/altnethispano/images/menu.png");
}

.RadMenu_Default .rmRootGroup {
    background-color: #E6E6E6;
    background-position: 0 -408px;
    background-repeat: repeat-x;
    border: 1px solid #828282;
}
.RadMenu_Default .rmLink:hover, .RadMenu_Default .rmFocused, .RadMenu_Default .rmSelected {
    background-color: #FFFFFF;
}
.RadMenu_Default, .RadMenu_Default .rmLink {
    color: #000000;
    font: 12px/23px "Segoe UI",Arial,sans-serif;
    text-decoration: none;
}

.RadMenu .rmText {
    float: left;
    padding-bottom: 1px;
}

.RadMenu .rmText {
    display: block;
}