@import "../carbonite.css";

body
{
    font-size: 10pt;
    color: #8c8c8c;
    font-family: arial, helvetica, san-serif;
}

a { padding:0px; margin:0px; }

a img { border:none; }

/* Contains all the content between page header and footer */
#SupportContent
{
    margin: 0px auto 0px auto;    
    text-align:left;
    width:100%;
}

/* Div to position SupportTitle and RestoreButton */
div.SupportHeader
{
    display:block;
    width:100%;
    height:50px;
}

/* Page title */
div.SupportTitle
{
    display:inline;
    float:left;
    line-height:48px;
    font-family: Arial, helvetica, sans-serif;
    font-weight:bold;
    font-size:18pt;
    color:#704B97;
}

/* Restore button with purple cross */
a.RestoreButton, a.RestoreButton:active, a.RestoreButton:hover
{
    display:block;
    float:right;
    margin-right:5px;
    height:48px;
    width:240px;  
    background-image:url('/images/supporto/button_restore.png');
    background-repeat:no-repeat;
    

    text-indent:50px;
    line-height:48px;
    font-family:Arial, helvetica, sans-serif;
    font-size:13pt;
    font-weight:bold;
    color:#4C4C4C;
    text-decoration:none;
}

/* "Write to Us" button */
a.ContactSupportButton, a.ContactSupportButton:active, a.ContactSupportButton:hover
{
    height:28px;
    width:158px;

    display:block;
    background-image:url('/images/supporto/button_feedback.png');
    background-repeat:no-repeat;
    
    margin: 10px 10px 10px 0px;

    text-indent:15px;
    line-height:28px;
    font-family:Arial, helvetica, sans-serif;
    font-size:13pt;
    font-weight:bold;
    color:#FFFFFF;
    text-decoration:none;
}

/* Div to position the left hand column */
div.LeftColumn
{
    float:left;
    display:inline;
    width:100%;
	font-size: 12px;
	color: #4C4C4C;
	font-family: verdana, arial, san-serif;
}

/* Div to position the middle column */
div.MiddleColumn
{
    position:relative;
    float:left;
    width:100%;
	font-size: 12px;
	color: #4C4C4C;
	font-family: verdana, arial, san-serif;
}

/* Div to position the right column */
div.RightColumn
{
    display:inline;
    float:left;
    width:100%;
	font-size: 12px;
	color: #4C4C4C;
	font-family: verdana, arial, san-serif;
}

/* Rounded-corner boxes to wrap each content panel */
div.PanelContainer
{
    margin: 5px;
}



/* Rounded-corner box styles */
div.Green
{
    background-color:rgb(226,239,207); /* Light-green. Use rgb color */
}

div.Gray
{
    background-color: rgb(242, 242, 242); /* Light-gray. Use rgb color */
}

div.White
{
    background-color: rgb(255, 255, 255); /* White. Use rgb color */
}

/* Odd search results */
div.Odd
{ 
    background-color: rgb(228, 217, 239); /* Light-purple. Use rgb color */
}

/* Even search results */
div.Even
{
    background-color: rgb(242, 242, 242); /* Light-gray. Use rgb color */
}

/* Content Panel */
div.Panel
{
    margin: 0px 5px 10px 10px; /* top right bottom left */
}

/* Green Arial text header */
.GreenHeader
{
    font-family: Arial, helvetica, sans-serif;
    font-weight:bold;
    font-size:14pt;
    color:#577E0E; 
}

/* Gray, small-caps Trebuchet header for right column */
.CapsHeader
{
    font-family: Trebuchet, sans-serif;
    font-weight:bold;
    font-variant:small-caps;
    font-size:12pt;
    color:#A8A8A8;   
}

/* Gray, Arial header for right column */
.GrayHeader
{
    font-family: Arial, helvetica, sans-serif;
    font-weight:bold;
    font-size:11pt;
    color:#7a8287; /*Blue-gray*/
}

/* Support question preview text */
.SupportQuestion
{
    font-family: Arial, helvetica, sans-serif;
    font-weight:bold;
    font-size:11pt;
    color:#0F0F0F; 
}

/* Support answer preview text */
.SupportAnswer
{
    display:block;
    font-family: Arial, helvetica, sans-serif;
    font-size:10pt;
    color:#63696D; 
}

/* Version header */
.Version
{
    display:block;
    font-family: Arial, helvetica, sans-serif;
    font-weight:bold;
    font-size:12pt;
    color:#000000;
    margin: 5px 0px;   
}

/* List formatting */
#SupportTopics, #Top5, #Actions, #LinkList
{
    padding: 0;
}

/* Support Topics */
#SupportTopics ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: none;
}

#SupportTopics li
{
    margin-left:10px;
    margin-top:15px;
}

#SupportTopics a
{
    text-decoration:none;
    color:#7a8287; /*Blue-gray*/
}

#SupportTopics a:hover
{
    text-decoration:underline;
}


/* Top 5 List formatting */
#Top5 ul
{
    list-style-image: url(images/bullet.png);
    margin-left: 10px;
    padding: 0px;
    border: none;
}

#Top5 li
{
    margin-left:10px;
    margin-top:7px;
    text-decoration:none;
}

/* Common actions list formatting */
#Actions ul
{
    margin-left: 15px;
    padding: 0px;
    border: none;
}

#Actions li
{
    list-style-image: url(images/bullet.png);
    text-decoration:none;
    margin-bottom:7px;
}

/* List of links formatting */
#LinkList ul
{
    margin: 0px;
    padding: 0px;
    border: none;
}

#LinkList li
{
    list-style-type:none;
    margin-bottom:7px;
}


/* Tutorial Images */
div.ImagePanel
{
    display:inline;
    float:left;
    margin: 5px;
    text-align:center;
}

/* Tutorial links */
a.Tutorial
{
    text-decoration:none;
}
