div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td
{	
	margin:0;
	padding:0;
}

fieldset
{
	border:0;
}

legend
{
	color:#000;
}

li
{
	list-style:none;
}

caption,th
{
	text-align:left;
}

h1,h2,h3,h4,h5,h6
{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after
{
	content:'';
}
abbr,acronym
{
	border:0;
	font-variant:normal;
}
sup
{
	vertical-align:text-top;
}
sub
{
	vertical-align:text-bottom;
}

address,caption,cite,code,dfn,em,strong,th,var
{
	font-style:normal;
	font-weight:normal;
}

p
{
  font-family:"Lucida Grande", Geneva, Arial, Helvetica, Kalimati, sans-serif;
  font-size:11px;
}

html
{
	height:100%;
	background:#DDD;
}

body
{
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	color:#666;
	font-size:12px;
	font-family:"Lucida Grande", Geneva, Arial, Helvetica, Kalimati, sans-serif;
	line-height:18px;
	text-align:center;
}

h4
{
	margin:10px 5px 0px 5px;
	color:#333;
	font-size:12px;
	font-weight:bold;
}

h5
{
	margin:0px 5px 5px 5px;
	color:#999;
	font-size:11px;
	font-weight:normal;
}

/* Overall wrapper */
.wrap
{
	width:1000px;
	height:100%;
	margin:0 auto;
	text-align:left;	
}

/* Header */
.header
{
	width:100%;
	background:#DDD;
}

.usergreeting
{
	position:absolute;
	top:10px;
	left:500px;
	width:440px;
	text-align:right;
  color:#000;
  font-size:14px;
  font-weight:bold;  
  line-height:16px;
}

a.userlinks
{
  color:#555;
  font-family:"Lucida Grande", Geneva, Arial, Helvetica, Kalimati, sans-serif;
  font-size:11px;
  font-weight:normal;  
  line-height:14px;
  text-decoration:none;
}

a.userlinks:hover
{
  text-decoration:underline;
}

.useravatar
{
	position:absolute;
	top:10px;
	left:950px;
	width:50px;
	text-align:center;
}

/* Menu */
.menu
{
	width:100%;
	background:#DDD;
	text-align:center;
	height:19px;
	margin:1px 0 0 0;
}

/* Body */
.body
{
	width:100%;
	background:#F8F8F8;
	text-align:center;
}

.content-wrapper
{
	width:1000px;
	height:100%;
	margin:0 auto;
}

a:link
{
	color:#07B;
	text-decoration:none;
}
a:visited
{
	color:#07B;
	text-decoration:none;
}
a:hover
{
	color:#F00;
	text-decoration:none;
}

table
{
	empty-cells:show;
	border-collapse:collapse;
	border-spacing:0;
	text-align:left;
}

table.columns
{
	width:100%;
	background:#F8F8F8;
	empty-cells:show;
	border-collapse:separate;
	border-spacing:16px;
	text-align:left;
}

/* By default use verdana in black. */
input
{
	border:thin solid #CCC;
	color:#000;
	font-family:"Lucida Grande", Geneva, Arial, Helvetica, Kalimati, sans-serif;
	font-size:12px;
	font-weight:normal;
	background-color:#EEE;
	margin:0;
	padding:0;
}

textarea
{
	border:thin solid #CCC;
	color:#000;
	font-family:"Lucida Grande", Geneva, Arial, Helvetica, Kalimati, sans-serif;
	font-size:12px;
	font-weight:normal;
	background-color:#EEE;
	margin:0;
	padding:0;
}

button
{
	color:#000;
	font-family:"Lucida Grande", Geneva, Arial, Helvetica, Kalimati, sans-serif;
	font-size:90%;
}

select
{
	font-weight:normal;
	color:#000;
	font-family:"Lucida Grande", Geneva, Arial, Helvetica, Kalimati, sans-serif;
}

hr, .hrcolor
{
	height:1px;
	border:0;
	color:#DDD;
	background-color:#DDD;
}

img
{
	border:0;
}

/* A quote, perhaps from another post. */
.quote
{
	color:#000;
	background-color:#D7DAEC;
	border:1px solid #000;
	margin:1px;
	padding:1px;
	font-size:small;
	line-height:1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
	color:#000;
	background-color:#FFF;
	font-family:"courier new", "times new roman", monospace;
	font-size:small;
	line-height:1.3em;
	/* Put a nice border around it. */
	border:1px solid #000;
	margin:1px auto 1px auto;
	padding:1px;
	width:99%;
	/* Don't wrap its contents, and show scrollbars. */
	white-space:nowrap;
	overflow:auto;
	/* Stop after about 24 lines, and just show a scrollbar. */
	max-height:24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
	color:#000;
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
	font-size:x-small;
	line-height:1.2em;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
	cursor:help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
	color:red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
	width:96%;
}

.geshi {
	color:#333;
	background-color:#FFF;
	font-family:monospace;
	font-size:1em;
	border:1px dashed #85A4B7;
	border-left:3px solid #85A4B7;
	margin:3px 5px 3px auto;
	padding:3px;
	width:98%;
	overflow:auto;
	white-space:pre;
	max-height:24em;
}

/* Highlighted text - such as search results. */
.highlight
{
	background-color:yellow;
	font-weight:bold;
	color:black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body
{
	background-color:#FFF;
	border:1px solid #DDD;
}
.windowbg2
{
	background-color:#FCFCFC;
	border:1px solid #DDD;
}
.windowbg3
{
	background-color:#F4F4F4;
	border:1px solid #DDD;
}
/* the today container in calendar */
.calendar_today
{
	background-color:#FFF;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
{
	font-style:normal;
  background:#EAEAEA url("http://www.stratos-ad.com/gfx/windowTitleBackground.gif");
  background-repeat:repeat-x;
	padding:5px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
	font-weight:bold;
	font-style:normal;
}

/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
	color:black;
	font-style:normal;
	text-decoration:underline;
}

.titlebg2 a:hover
{
	text-decoration:underline;
}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
  background:#EAEAEA url("http://www.stratos-ad.com/gfx/windowTitleBackground.gif");
  background-repeat:repeat-x;
	color:#666;
	padding:5px;
}
.catbg2 , tr.catbg2 td
{
	background:#A7A7A7 url("http://www.stratos-ad.com/gfx/windowTitleBackgroundDark.gif");
	color:#FFF;
	padding:5px;
}
.catbg, .catbg2
{
	font-weight:bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
	font-size:95%;
	color:#666;
	text-decoration:none;
}
.catbg a:link, .catbg a:visited
{
	color:#666;
	text-decoration:none;
}
.catbg2 a:link, .catbg2 a:visited
{
	color:#FFF;
	text-decoration:none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
	color:#e0e0ff;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
	background-color:#DDD;
	padding:0;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
	padding:0;
	border:1px solid #CCC;
	background-color:#FFF;
}

/* Default font sizes:small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
	font-size:x-small;
	font-family:"Lucida Grande", Geneva, Arial, Helvetica, Kalimati, sans-serif;
}
.middletext
{
	font-size:90%;
}
.normaltext
{
	font-size:small;
}
.largetext
{
	font-size:large;
}


/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
	width:100%;
	overflow:auto;
	line-height:1.3em;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
	width:100%;
	overflow:auto;
	padding-bottom:3px;
	line-height:1.3em;
}

/* Sometimes there will be an error when you post */
.error
{
	color:red;
}

/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_back, .maintab_active_back
{
	text-transform:uppercase;
	vertical-align:middle;
	text-align:center;
	padding:2px 0px 2px 0px;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	font-family:"Lucida Grande", Geneva, Arial, Helvetica, Kalimati, sans-serif;
}

.maintab_back
{
  background:#E8E8E8 url("http://www.stratos-ad.com/gfx/menuBarUnselected.gif");
}

.maintab_active_back
{
	background:#F9F9F9;
}

/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited
{
  color:#579;
	text-decoration:none;
	text-align:center;
	padding:2px 8px 2px 8px;
}

.maintab_active_back a:link , .maintab_active_back a:visited
{
  color:#555;
	text-decoration:none;
	text-align:center;
}

.maintab_back a:hover
{
  color:#F80;
  background:#F8F0E8;
	text-decoration:none;
	text-align:center;
}

.maintab_active_back a:hover
{
	background:#EAEAEA url("http://www.stratos-ad.com/gfx/windowTitleBackground.gif");
	color:#666;
	text-decoration:none;
	text-align:center;
}

/* definitions for the mirror tab */
.mirrortab_back, .mirrortab_active_back
{
	text-transform:uppercase;
	vertical-align:middle;
	text-align:center;
	padding:2px 8px 2px 8px;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	font-family:"Lucida Grande", Geneva, Arial, Helvetica, Kalimati, sans-serif;
}

.mirrortab_back
{
	background:#E8E8E8 url("http://www.stratos-ad.com/gfx/menuBarUnselected.gif");
}

.mirrortab_active_back
{
	background:#F9F9F9;
}

/* how links behave in mirror tab. */
.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited
{
  color:#579;
	text-decoration:none;
	text-align:center;
	padding:2px 8px 2px 8px;
}

.mirrortab_active_back a:link , .mirrortab_active_back a:visited
{
  color:#555;
	text-decoration:none;
	text-align:center;
}

.mirrortab_back a:hover
{
  color:#F80;
  background:#F8F0E8;
	text-decoration:none;
	text-align:center;
}

.mirrortab_active_back a:hover
{
	background:#EAEAEA url("http://www.stratos-ad.com/gfx/windowTitleBackground.gif");
	color:#666;
	text-decoration:none;
	text-align:center;
}

/* The AJAX notifier */
#ajax_in_progress
{
	background:#32CD32;
	color:white;
	text-align:center;
	font-weight:bold;
	font-size:18pt;
	padding:3px;
	width:100%;
	position:fixed;
	top:0;
	left:0;
}

#forumContent
{
	padding:12px 12px 0px 12px;
}

/* Stratos footer */
.pie
{
  color:#000;
  text-align:right;
  margin:4px 6px 4px 6px;
  font-size:12px;
}

/* Stratos footer */
.footer
{
  color:#FFF;
  background:#000;
  margin:0;
  padding:4px 6px 4px 6px;
	width:100%;
}


/* Stratos menu tabs */
a.newmenucurrent
{
  border-top-left-radius:4px;
  border-top-right-radius:4px;
	font-weight:bold;
	text-transform:uppercase;
  text-decoration:none;
	text-align:center;
  color:#444;
  background:#F9F9F9;
  padding:2px 6px 2px 6px;
  border:1px solid #F9F9F9;
}

a.newmenu
{
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  padding:2px 6px 2px 6px;
  margin:1px 0px 0px 1px;
  border-bottom:1px solid #DDD;
  border-right:1px solid #C8C8C8;
  background:#E8E8E8 url("http://www.stratos-ad.com/gfx/menuBarUnselected.gif");
  color:#369;
}

a.newmenu:hover
{
  color:#F80;
  background:#F8F0E8;
  border-bottom:1px solid #E5E5E5;
  border-right:1px solid #C8C8C8;
}

a.firstPhoneButton
{
  border-top-left-radius:32px;
  border-top-right-radius:32px;
  display:block;
  width:80%;
  font-weight:bold;
  font-size:64px;
  text-transform:uppercase;
  text-decoration:none;
  text-align:left;
  padding:5%;
  margin-top:16px;
  margin-bottom:0;
  margin-left:auto;
  margin-right:auto;  
  border:4px solid #CCC;
  background:#FFF;
  color:#369;
}

a.middlePhoneButton
{
  display:block;
  width:80%;
  font-weight:bold;
  font-size:64px;
  text-transform:uppercase;
  text-decoration:none;
  text-align:left;
  padding:5%;
  margin-top:0;
  margin-bottom:0;
  margin-left:auto;
  margin-right:auto;
  border:4px solid #CCC;
  border-top:0px;
  background:#FFF;
  color:#369;
}

a.lastPhoneButton
{
  border-bottom-left-radius:32px;
  border-bottom-right-radius:32px;
  display:block;
  width:80%;
  font-weight:bold;
  font-size:64px;
  text-transform:uppercase;
  text-decoration:none;
  text-align:left;
  padding:5%;
  margin-top:0;
  margin-bottom:16px;
  margin-left:auto;
  margin-right:auto;
  border:4px solid #CCC;
  border-top:0px;
  background:#FFF;
  color:#369;
}

.menuBar
{
  background:#DDD url("http://www.stratos-ad.com/gfx/menuBarBackground.gif");
  text-align:center;
}

.menuBarTop
{
  background:#DDD;
  text-align:center;
}

/* Header */
a.userdata
{
  color:#555;
  margin:10px 10px 5px 10px;
  font-family:"Lucida Grande", Geneva, Arial, Helvetica, Kalimati, sans-serif;
  font-size:11px;
  font-weight:normal;  
  line-height:14px;
  text-decoration:none;
}

a.userdata:hover
{
  text-decoration:underline;
}

p.username
{
  color:#000;
  margin:10px 10px 5px 10px;
  font-size:14px;
  font-weight:bold;  
  line-height:16px;
}

.lateral
{
  font-size:11px;
  text-align:center;
  padding:5px;
}

a.gris
{
	text-decoration:none;
	color:#000;
}

a.gris:hover
{
   text-decoration:underline;
   color:black;
}

.window
{
  border-radius:8px;
   border:1px solid #E5E5E5;
   box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
   text-align:left;
}

.windowHeader
{
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  padding:6px;
  background:#EAEAEA url("http://www.stratos-ad.com/gfx/windowTitleBackground.gif");
  background-repeat:repeat-x;
  font-weight:bold;
  text-transform:uppercase;
  text-align:center;
  line-height:14px;
}

.windowBody
{
	background:#FFF;
	margin:0px;
	border:0;
	padding:5px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;	
}

.highlightedWindowBody
{
	background:#FF8;
	margin:0px;
	border:0;
	padding:5px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;	
}

table.window tr
{
  padding:5px;
  background:#FFF;
  font-weight:normal;  
}

table.window td
{
  padding:5px;
}

table.list
{
   border:1px solid #DDD;
   margin-left:auto;
   margin-right:auto;
}

table.list th
{
  padding:5px;
  background:#EAEAEA url("http://www.stratos-ad.com/gfx/windowTitleBackground.gif");
  background-repeat:repeat-x;
  font-weight:bold;
  text-transform:uppercase;
  text-align:center;
  line-height:14px;
  border:1px solid #DDD;
  vertical-align:middle;
}

table.list td
{
  padding:5px;
  border:1px solid #DDD;
  vertical-align:top;
  text-align:justify;
}

table.list tr
{
  padding:5px;
  background:#FFF;
  font-weight:normal;  
}

td.listHighlight
{
  padding:5px;
  background:#FF8;
  font-weight:normal;
  border:1px solid #DDD;
  vertical-align:top;
  text-align:justify;
  width:auto;
}

p.noticia
{
  color:#666;
  margin:5px;
  font-size:12px;
  text-align:justify;
}

p.nombres
{
   text-align:left;
   color:#5C7A3C;
   font-size:13px;
   line-height:18px;
   margin:5px;
}

p.cuadro_gris
{
  padding:10px;
  background-color:#F9F9F9;
  border:#EBEBEB thin solid;
  text-align:left;
  color:#666;
  margin:5px;
  font-family:"Lucida Grande", Geneva, Arial, Helvetica, Kalimati, sans-serif;
  font-size:11px;
  font-weight:normal;  
  text-align:justify;
  line-height:14px;
}

p.cuadro_verde
{
  padding:10px;
  background-color:#F5F8F2;
  border:#DADFD4 thin solid;
  text-align:left;
  color:#666;
  margin:5px;
  font-family:"Lucida Grande", Geneva, Arial, Helvetica, Kalimati, sans-serif;
  font-size:11px;
  font-weight:normal;  
  text-align:justify;
  line-height:14px;
}

.boton
{
   border:#555 thin solid;
   color:#555;
   font-family:"Lucida Grande", Geneva, Arial, Helvetica, Kalimati, sans-serif;
   font-size:12px;
   background-color:#DDD;
   padding:1px;
}

.banner
{
	padding:3px;
}

a.importantLink
{
 	color:#F00;
 	font-weight:bold;
 	font-size:12px;
}