/* EDSI Content styles here */
.imgleftside200 img {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	float:	left;
	border: none;
}
.imgleftside img {
	margin-left: 10px;
	margin-right: 20px;
	margin-top: 8px;
	margin-bottom: 10px;
	float:	left;
	border: none;
}
.imgleftside2 img {
	margin-left: 0px;
	margin-right: 28px;
	margin-top: 8px;
	margin-bottom: 10px;
	float:	left;
	border: none;
}
.imglistleftside {
	margin-left: 0px;
	margin-right: 20px;
	margin-top: 8px;
	margin-bottom: 10px;
	float:	left;
	padding-right: 12px;
	border: none;
}
.clear {
	clear: both;
}

/* Clearfix (http://www.positioniseverything.net/easyclearing.html)
---------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.pdflogo {
	margin-left: 4px;
	margin-right: 6px;
	margin-top: 4px;
	margin-bottom: 10px;
	float:	left;
	align: top;
	border-left: 0px;border-right: 0px;border-top: 0px;border-bottom: 0px;
}
.pdflink {
	color: #940000;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 200;
	margin-left: 20px;
	position: relative;
	top: 0px;
    text-align: right;
    float: right;
}
.pdflogoresource {
	margin-left: 14px;
	margin-right: 10px;
	margin-top: 4px;
	margin-bottom: 10px;
	position: relative;
    left: 20px;
	align: middle;
	border-left: 0px;border-right: 0px;border-top: 0px;border-bottom: 0px;
}
.pdflinkresource {
	color: #940000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	margin-left: 10px;
	position: relative;
	top: -27px;
    left: 64px;
    text-align: left;
}
.hr66 {
	width:66%;
	color:#3366CC;
	height:2px;
}
.imgrightside img {
	margin-left: 20px;
	margin-right: 10px;
	margin-top: 4px;
	margin-bottom:10px;
	float:	right;
	border: none;
}
.quoteleft {
	font: italic 105% Georgia, "Times New Roman", Times, serif;
	padding: 0 10px 0 0;
	margin: 10px 10px 10px 0;
	width: 220px;
	float: left;
	text-align: right;
	border-right: 10px solid #C8CDD0;
	color: #31639C;
}
.quoteright {
	font: italic 105% Georgia, "Times New Roman", Times, serif;
	padding: 0 0 0 10px;
	margin: 10px 0 10px 10px;
	width: 220px;
	float: right;
	text-align: left;
	border-left: 10px solid #C8CDD0;
	color: #31639C;
}
.boldtext {
	font-weight: 700;
}
.kblink {
	color: #940000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	margin-left: 6px;
	position: relative;
	top: 0px;
}
.resourcelink {
	color: #940000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	margin-left: 6px;
	position: relative;
	top: 0px;
}
.ProdPageSummary{
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}
.WindowsLiveLocalLogo img {
	left: 320px;
	top: -70px;
	position: relative;
	margin-bottom: 4px;
	padding-bottom: 0px;
}
.AutodeskLink {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	border:none;
	margin: 12px 4px 8px 10px;
	text-align: right;
}
.EDSIPageText{
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	margin: 4px;
	margin-left: 10px;
}
.EDSISectionHeader{
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 4px;
}
.EDSISectionHeaderRed{
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 4px;
	color: #940000;
}
.EDSISectionHeaderBlue{
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 4px;
	color: #31639C;
}
.EDSITextIndent{
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left: 20px;
}
.AdeskRSSPubDates{
	font-size: 9px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left: 20px;
}
/* EDSI Skin styles below */
body{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #ffffff;
}
.ControlPanel, .PagingTable {
    width: 100%;
    height: 64px;
    background-color: #Ffffff;
    BORDER-RIGHT: #9C0000 1px solid; 
    BORDER-TOP: #9C0000 1px solid; 
    BORDER-LEFT: #9C0000 1px solid; 
    BORDER-BOTTOM: #9C0000 1px solid; 
}
.SkinObject {
    font-weight: bold;
    font-size: 11px;
    color: #9C0000;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}
A.SkinObject:link {
    text-decoration:    none;
    color:#9C0000;
}

A.SkinObject:visited  {
    text-decoration:    none;
    color:#9C0000;
}

A.SkinObject:active   {
    text-decoration:    none;
    color:#9C0000;
}

A.SkinObject:hover    {
    text-decoration:    none;
    color:#C60000;
}
/* style for module titles */
.Head   {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  20px;
    font-weight:    normal;
    color: #9C0000;
}
/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #9C0000;
}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #cccccc;
}
/* text style used for most text rendered by modules */
.Normal,.NormalDisabled
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
}
/* text style used for rendered text which should appear disabled */
.NormalDisabled
{
    color: Silver;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold
}

/* text style used for error messages */
.NormalRed
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #ff0000
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}
/* text style used for help text rendered by modules */
.Help
{
  border-right: black 1px solid;
  padding-right: 2px;
  border-top: black 1px solid;
  padding-left: 2px;
  font-weight: normal;
  font-size: 11px;
  padding-bottom: 2px;
  border-left: black 1px solid;
  color: black;
  padding-top: 2px;
  border-bottom: black 1px solid;
  font-family: Tahoma, Arial, Helvetica;
  background-color: #FFD5D5;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #9C0000;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #9C0000;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #9C0000;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #9C0000;
}

/* button style for standard HTML buttons */
.StandardButton
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 11px;
	background: #9C0000;
	color: #ffffff;
	font-family: Verdana, sans-serif;
}

    
/* GENERIC */
H1  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  20px;
    font-weight:    normal;
    color: #9C0000;
}

H2  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  16px;
    font-weight:    normal;
    color: #9C0000;
}

H3  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #9C0000;
}

H4  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #9C0000;
}

H5, DT  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #9C0000;
}

H6  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #9C0000;
}

TFOOT, THEAD    {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    color: #9C0000;
}

TH  {
    vertical-align: baseline;
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #9C0000;
}

A:link  {
    text-decoration:    none;
    color:  #9C0000;
}

A:visited   {
    text-decoration:    none;
    color:  #9C0000;
}

A:active    {
    text-decoration:    none;
    color:  #9C0000;
}

A:hover {
    text-decoration:    underline;
    color: #9C0000;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}


UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    color: #9C0000;
    height:1pt;
    text-align:left;
}
.swtopbg{
	background-image: url(swtopbg1.gif);
	background-repeat: repeat-x;
	height: 32px;
}
.swbread{
	background-image: url(swbreadbg.gif);
	background-repeat: repeat-x;
	height: 24px;
}
.swsearchbg1{
	background-image: url(swsearch1.gif);
	background-repeat: no-repeat;
	width: 214px;
	height: 30px;
}
.swsearchbg2{
	background-image: url(swsearch2.gif);
	background-repeat: no-repeat;
	width: 22px;
	height: 23px;
}
.swsearchbg3{
	background-image: url(swsearch3.gif);
	background-repeat: no-repeat;
	width: 192px;
	height: 23px;
}
.swsearchbg4{
	background-image: url(swsearch4.gif);
	background-repeat: no-repeat;
	width: 214px;
	height: 18px;
}
.edsileftbg{
	background-image: url(edsileftbg.jpg);
	background-repeat: repeat-y;
	width: 50px;
}
.edsirightbg{
	background-image: url(edsirightbg.jpg);
	background-repeat: repeat-y;
	width: 50px;
}
.edsibottombg{
	background-image: url(edsibottbg.gif);
	background-repeat: repeat-x;
	height: 53px;
}
/*pane*/
.bannerpane{
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
.toppane{
/*   padding: 2px 2px 2px 1px; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.leftpane{
	padding: 2px 1px 2px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.contentpane{
	padding: 2px 1px 2px 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.rightpane{
/*	padding: 2px 2px 2px 1px; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.bottompane{
	padding: 2px 2px 2px 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
/**/
.swSkinObject{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}
A.swSkinObject:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}
A.swSkinObject:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}
A.swSkinObject:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
   text-decoration: underline;
}
A.swSkinObject:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}
.login{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}
A.login:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}
A.login:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}
A.login:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
   text-decoration: underline;
}
A.login:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}
.privacy{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
A.privacy:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
A.privacy:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
A.privacy:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
   text-decoration: underline;
}
A.privacy:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
.terms{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
A.terms:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
A.terms:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
A.terms:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
   text-decoration: underline;
}
A.terms:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
.currentdate{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}
.breadcrumb{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
A.breadcrumb:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
A.breadcrumb:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
A.breadcrumb:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
   text-decoration: underline;
}
A.breadcrumb:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.copyright{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
/**/
.SearchButton {
   background: transparent;
   padding: 10px 0px 12px 52px; 
   font-size:1px;
   margin: 0 0 0 0px;
}
 #dnn_dnnSEARCH_txtSearch { text-align: left; vertical-align: middle;  height:12px; background: transparent; width: 128px; color: #666666; padding:0px 2px 0px 2px; border: 0px solid #FFFFFF; cursor:text; font-size: 10px;}
 
 /*  . Main Menu and Module Menus                         */
/*========================================================*/

/*-- box that holds the menu  --*/ .MainMenu_MenuContainer { background-color: transparent;  width: 214px; }
/*-- bar that holds the menu  --*/ .MainMenu_MenuBar { cursor: pointer; }
/*-- submenu container        --*/ .MainMenu_SubMenu{ z-index: 1000; cursor: pointer; background-color: #31639C; filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=1); border-bottom: #52497B 1px solid; border-left: #52497B 1px solid; border-top: #52497B 1px solid; border-right: #52497B 1px solid;}
/*-- submenu moduletitle      --*/ .ModuleTitle_SubMenu { z-index: 1000;  cursor: pointer;  margin: 0 0 0 0px; background: #4D6A85; padding: 0px;  font-weight: normal; filter: progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=125, Strength=2);border-bottom: #52497B 1px solid; border-left: #52497B 1px solid; border-top: #52497B 1px solid; border-right: #52497B 1px solid;}
/*-- not needed - main menu   --*/ .MainMenu_MenuIcon  {	cursor: pointer; background-color: #52497B; border-left: #EEEEEE 0px solid; border-bottom: #EEEEEE 0px solid; border-top: #EEEEEE 0px solid; text-align: center; width: 15; height: 20;}
/*-- submenu items idle       --*/ .MainMenu_MenuItem{ cursor: pointer; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; border-left: #FFF 0px solid; border-bottom: #FFF 0px solid; border-top: #FFF 0px solid; border-right: #FFF 0px solid;background-color: #4D6A85;padding:0 4px 0 0; }
/*-- submenu items hover      --*/ .MainMenu_MenuItemSel{cursor: pointer; color: #FFFfff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: normal;background-color: #52497B; border-left: #FFF 0px solid; border-bottom: #FFF 0px solid; border-top: #FFF 0px solid; border-right: #FFF 0px solid;}
/*-- menuitems idle           --*/ .MainMenu_Idle { color: #000000; background-image: url(edsimenuinactive.gif); background-repeat: no-repeat; height: 31px; width: 214px;  font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-weight: bold;}
/*-- menuitems over           --*/ .MainMenu_Selected { color: #000000; background-image: url(edsimenuover.gif); background-repeat: no-repeat; height: 31px;  width: 214px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-weight: bold;}
/*-- menuitems active         --*/ .MainMenu_Active{ color: #000000; background-image: url(edsimenuactive.gif); background-repeat: no-repeat; height: 31px; width: 214px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
/*-- menuitems active         --*/ .MainMenu_BreadcrumbActive {color: #000000; background-image: url(edsimenuactive.gif); background-repeat: no-repeat; height: 31px; width: 214px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
/*-- module menu continer     --*/ .ModuleTitle_MenuContainer { color: #000000; }
/*-- module menu bar          --*/ .ModuleTitle_MenuBar { cursor: pointer; }
/*-- module menu padding      --*/ .ModuleTitle_MenuItem{cursor: pointer; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; border-left: white 0px solid; border-bottom: white 0px solid; border-top: white 0px solid; border-right: white 0px solid;background-color: #4D6A85;}
/*-- module menu padding      --*/ .ModuleTitle_MenuItemSel { padding: 0px 0px 0px 0px; background-color: #52497B; color: #ffffff; font-size:11px;}
/*-- not needed - module menu --*/ .ModuleTitle_MenuBreak{border-bottom: #EEEEEE 0px solid; border-left: #EEEEEE 0px solid; border-top: #EEEEEE 0px solid;  border-right: #EEEEEE 0px solid; background-color: #4D6A85; height: 1px; color: #000000;}
/*-- not needed - module menu --*/ .MainMenu_MenuBreak{border-bottom: #EEEEEE 0px solid; border-left: #EEEEEE 0px solid; border-top: #EEEEEE 0px solid;  border-right: #EEEEEE 0px solid; background-color: #4D6A85; height: 1px; color: #000000;}
/*-- not needed - module menu --*/ .ModuleTitle_MenuArrow{	font-family: Arial, Helvetica, sans-serif; font-size:11px; cursor: pointer; border-right: #FFFFFF 0px solid; border-bottom: #FFFFFF 0px solid; border-top: #FFFFFF 0px solid; border-left:#ffffff 0px solid;}
/*-- not needed - module menu --*/ .ModuleTitle_RootMenuArrow{font-family: Arial, Helvetica, sans-serif; font-size:11px; cursor: pointer; border-right: #FFFFFF 0px solid; border-bottom: #FFFFFF 0px solid; border-top: #FFFFFF 0px solid; border-left:#ffffff 0px solid;}
/*-- not needed - module menu --*/ .ModuleTitle_MenuIcon {	cursor: pointer; background-color: #52497B; border-left: #EEEEEE 0px solid; border-bottom: #EEEEEE 0px solid; border-top: #EEEEEE 0px solid; text-align: center; width: 15; height: 20;}
/*-- not needed - main menu   --*/ .MainMenu_MenuArrow, .MainMenu_RootMenuArrow { display: none; }
/*-- #5E82A3 --*/
/*-- #667E94 --*/
/*
 * Slider styles to copy to your skin.css file
*/

.contentslider
{
    padding: 20px 30px; /* This acts as a border for the content slider */
    background-color: #fff; /* This is the color of said border */
	width:584px;
	height:300px;
}

.cs_leftBtn, .cs_rightBtn
{
    width: 23px; /* Should be as wide as the button graphic being used */
    height:26px;
    background-color:#fff; /* This will probably match the contentslider bg color */
    top: 100px; /* This decides the vertical placement of the buttons */
    z-index:200;
}

.cs_wrapper
{
    border: solid 1px #ccc;
}

/*
 ******************************************************************************
 * These styles may be affected by the slider plugin, so avoid changing them if 
 * it's not absolutely necessary.
 ******************************************************************************
 */
.contentslider
{
    position: relative;
    display: block;
    margin: 0 auto;
    overflow: hidden;
}
.cs_wrapper
{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.cs_slider
{
    position: absolute;
    width: 10000px;
    height: 100%;
    margin: 0;
    padding: 0;
}
.cs_article
{
    float: left;
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin: 0 auto;
    padding: 0;
}

.cs_leftBtn, .cs_rightBtn
{
    position: absolute;    
    top: 0;
    height: 293px;
    padding: 10px 0;
    z-index: 10000;
}

.cs_leftBtn
{
    left: 0;
    outline: 0;
}
.cs_rightBtn
{
    right: 0;
    outline: 0;
}
.cs_leftBtn img, .cs_rightBtn img
{
    border: 0;
    position: relative;
    margin: 0;
}