/*  DO NOT MAKE CHANGES TO THE STYLESHEET.CSS FILE !!!!  */ /*  changes should only be made to the php file that generates this css file. */   

body               { margin          : 0px; }
a,p,td,th          {font-family      : arial,verdana,sans-serif;}
.center            { text-align      : center; }


dl
{
    margin            :  5px;
    padding           :  5px;
}

dt
{
    font-weight       :  bold;
    margin-top        :  5px;
}

dd
{
    padding           :  5px;
}


.nobreak, .nobreak td
{
    white-space       : nowrap;
}


.msg_error
{
    color             : CC0000;
    font-size         : 10pt;
    font-weight       : normal;
    background-color  : FFCCCC;
}

.msgwarning, .msg_warn
{ 
    color             : black;
    font-size         : 10pt;
    font-weight       : normal;
    background-color  : FFFF00;
}

.msgsuccess, .msg_good
{
    color             : 008000;
    font-size         : 10pt;
    font-weight       : normal;
    background-color  : DDFFDD;
}

.msg_info
{ 
    color             : 000099   !important;
    font-size         : 10pt;
    font-weight       : bold    !important;
    background-color  : #DDDDFF !important;
}



.tiny
{
    font-weight       : normal;
    font-size         : 8pt;
    line-height       : 120%;
}


.bodytext
{
    font-family       : arial,verdana,sans-serif;
    font-weight       : normal;
	color             : black;
    background-color  : white;
}

.grey, .gray        { color            : #555555; }
.red                { color            : #FF0000; }
.yellow             { color            : yellow;  }
.new                { background-color : yellow;  }

.price
{
    color             : green;
    font-weight       : bold;
}  

span.form_data
{
    background-color  : #DDDDDD;
}


#box
{ 
    border-style      : solid; 
	border-color      : navy; 
	background-color  : #FFFFFF; 
	border-width      : 2px 2px 2px 2px;  
	padding           : 10px; 
}

#box2
{ 
    border-style      : solid; 
    border-color      : navy; 
    background-color  : #FFFFFF; 
    border-width      : 2px;  
    padding           : 0px; 
}

#box1
{
    border-style      : solid; 
    border-color      : navy; 
    background-color  : #FFFFFF; 
    border-width      : 1px;  
    padding           : 0px; 
    vertical-align    : top;
}

.boxnav
{ 
    border-style      : solid; 
    border-color      : #0055F0; 
    background-color  : #EFEFEF; 
    background-image  : url(/v2/themes/xplook2/images/boxes/box7_mid.gif); 
    background-repeat : repeat-y;
    border-width      : 0px;  
    padding-left      : 7px; 
    padding-right     : 7px; 
    margin            : 0px;
    vertical-align    : top;
    font-size         : 10px;
}

#boxgrad
{
    border-style      : solid; 
	border-color      : navy; 
	background-color  : #FFFFFF;
	border-width      : 1px;  
	padding           : 1px; 
	vertical-align    : top;
}


td.infoview, div.infoview td
{
    font-family       : arial,verdana,sans-serif;
    font-size         : 9pt;
    background-color  : #F7F7F7;
	text-align        : left;
	vertical-align    : top;
	width             : 66%;
    border-style      : solid;
    border-color      : #FFFFFF;  /*#F7F7FF;*/
    border-width      : 0;
    padding           : 7px 5px 7px 5px;
}

th.infoview, div.infoview th.left
{ 
    font-family       : arial,verdana,sans-serif;
    font-size         : 9pt;
    font-weight       : bold;
    color             : navy; 
    background-color  : #F7F7FF;           
    text-align        : right;
    vertical-align    : text-top;
    width             : 34%;
    border-style      : solid;
    border-color      : #dddddd;  /*#F7F7FF;*/
    border-width      : 0 1px 0 0;
    padding           : 7px 4px 7px 0;
}

hr.infoview,   div.infoview hr
{
    height            : 1px;
    border-style      : solid;
    border-color      : navy;
}

.infoviewX td
{
    background-color  : #eeeeee;
}


.infoviewx table
{
    background-color  : white;
    border            : 2px solid navy;;
    width             : 100%;
    border-collapse   : collapse;
}

.infoviewhead, div.infoview .head
{
    background-color  : #FFFFb8;
    font-weight       : bold;
    border-style      : solid;
    border-color      : navy;
    border-width      : 1px 0;
}


th.infoviewhead, #cardshop #form th.infoviewhead , div.infoview th.head
{
    font-family       : arial,verdana,sans-serif;
    font-size         : 12pt;
    font-weight       : bold;
    font-variant      : normal;
    color             : navy;
    background-color  : #FFFFb8;
    text-align        : left;
    text-transform    : uppercase;
    padding           : 5px 0 2px 7px;
    margin            : 5px 0;
/*
    padding-left      : 1em;
    padding-top       : .25em;
    width             : 25%;
*/

    border-style      : solid;
    border-color      : navy;
    border-width      : 2px 0 1px 0;

}

.sidebar .box_top
{
    font-family       : arial,verdana,sans-serif;
    font-size         : 10pt;
    font-weight       : bold;
    font-variant      : normal;
    color             : white;
    background-image  : url(/v2/themes/xplook2/images/boxes/box7_top.gif);  
    background-repeat : no-repeat;
    background-position : bottom;
    height            : 38px;
    text-align        : center;
    text-transform    : uppercase;
    padding           : 10px 0 0 0;
}


.sidebar .box_mid
{ 
    border-style      : solid; 
    border-color      : #0055F0; 
    background-color  : #EFEFEF; 
    background-image  : url(/v2/themes/xplook2/images/boxes/box7_mid.gif); 
    background-repeat : repeat-y;
    border-width      : 0px;  
    padding-left      : 7px; 
    padding-right     : 7px; 
    margin            : 0px;
    vertical-align    : top;
    font-size         : 10px;
}


.sidebar .box_bottom
{
    background-image  : url(/v2/themes/xplook2/images/boxes/box7_bot.gif);  
    background-repeat : no-repeat;
    height            : 10px;
    padding-left      : 0;
    margin            : 0 0 0 0;
}


td.infoviewhead, div.infoview td.head
{
    background-color  : navy;
    height            : 1px;
}

th.infoviewsubhead, div.infoview th.subhead  
{
    background-color  : #EDEDED;
    color             : navy;
    height            : 12px;
    font-size         : 10pt;
    font-weight       : normal;
    font-variant      : normal;
    text-align        : left;
    text-transform    : uppercase;
    border-width      : 0 0 1px 0; 
    border-style      : solid; 
    border-color      : navy; 
}



.moreinfo
{
    font-family       : arial,verdana,sans-serif;
    font-size         : 8pt;
    color             : #555555;
} 


div.coordbox
{ 
    border-color      : #FFD700;
    border-style      : solid;
    border-width      : 2px;
    background-color  : white;
    font-weight       : bold;

}


.coordmode
{ 
    background-color  : #FFD700;
    font-weight       : bold;
}

form.coordmode
{
    display           : inline; 
}


a.coordmode:link
{
    color             : black;
    text-decoration   : none;
    text-align        : right;
}


a.coordmode:visited  
{
    color            : black;
    text-decoration  : none;
}

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

.coordbutton, .coordbuttonvw
{
    font-family       : Arial, Helvetica, sans-serif; 
    font-size         : 12px; 
	color             : #FFD700; 
    background-color  : #FFD700; /* #F4DB9F; */ 
	border-color      : #000000 #777777 #777777 #000000; 
	border-style      : solid; 
    border-width      : 1px 2px 2px 1px;
}


.coordmenubutton
{
    font-family       : Arial, Helvetica, sans-serif; 
    font-size         : 10px; 
    font-weight       : normal;
    color             : #FFD700; 
    background-color  : #FFD700; /*#dab900;*/
    border            :  #E1B500 #C69E00 #C69E00 #E1B500; 
    border-style      : solid; 
    border-width      : 1px 4px 4px 1px;
    width             : 50px;
    margin            : 3px 1px;
    padding           : 3px;
}

.coordmenubutton a
{
    font-family       : Arial, Helvetica, sans-serif; 
    font-size         : 10px; 
    font-weight       : normal;
    text-decoration   : none;
	color             : #000000; 
    background-color  : #FFD700; /*#dab900;*/
}


.coordmenubutton a:hover
{
    border            :  #6F5800 #9F8000 #9F8000 #6F5800; 
}


.coordbutton        {width             : 120px;}
.coordbuttonvw      
{
    width             : 70px;
    margin            : 1px;
}



.coordbuttonmenu
{
    font-family         : Arial, Helvetica, sans-serif; 
    font-size           : 12px; 
    color               : #000000;
    background-color    : #FFD700; 
    border              : #666666; 
    border-style        : solid; 
    border-top-width    : 1px; 
    border-right-width  : 3px; 
    border-bottom-width : 3px; 
    border-left-width   : 1px; 
    width               : 40px;
}

ul.task
{
    padding-left      : 0;
    margin            : 0 0 0 15px;  
    border            : 1px dotted #eeeeee;
    width             : auto;
}

.task_need
{
    color             : red;
    font-family       : verdana, arial,sans-serif;
    font-size         : 7pt;
    text-decoration   : none;
}

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

li.task_need
{
    list-style        : circle;    
    padding-left      : 0;
    margin-left       : 0;
    width             : auto;
}


.task_filled
{
    color             : green;
    font-family       : verdana, arial,sans-serif;
    font-size         : 7pt;
    text-decoration   : none;
}

a.task_filled:hover   {text-decoration : underline;}
li.task_filled        {list-style      : disc; }


.task_info
{
    color             : blue;
    font-family       : verdana, arial,sans-serif;
    font-size         : 7pt;
    text-decoration   : none;
}

a.task_info:hover     {text-decoration : underline; }
li.task_info          {list-style      : square;    }
a.task_addnew_coord   {background     : yellow; }


a.task_addnew
{
    color             : blue;
    font-family       : verdana, arial,sans-serif;
    font-size         : 8pt;
    text-decoration   : none;
}

a.task_addnew:hover    {color         : red; }


.task_private
{
    color             : purple;
    font-family       : verdana, arial,sans-serif;
    font-size         : 7pt;
    text-decoration   : none;
}

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


.task_pending
{
    color             : gray;
    font-family       : verdana, arial,sans-serif;
    font-size         : 7pt;
    text-decoration   : none;
}



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



table.calendar 
{
    width             : 100%;
    border-collapse   : collapse;
}


tr.dow th 
{
    background-color  : #FFFFb8;
    width             : 100px;
    height            : 15px;
    vertical-align    : top;
    border            : solid 1px #aaaaaa;    
    font-size         : 8pt;             
}


td.day_active, td.day_today, td.day_inactive, td.day_placeholder
{
    height            : 100px;
    vertical-align    : top;
    border            : solid 1px #aaaaaa;
}

td.day_active         { background-color : white;      }
td.day_placeholder    { background-color : #EEEEEE; }
td.day_inactive       { background-color : #DDDDDD;    }
td.day_today          { background-color : #FFFFb8;       
                        border           : solid 2px #999999;                }


td.cal_datenum
{ 
    color             : black;
    text-align        : left;
    width             : 98px;
    font-family       : verdana, arial, sans-serif;
    font-weight       : normal;
    font-size         : 8pt;
    padding-left      : 3px;
}


td.fontmonth
{ 
    color             : black;
    font-size         : 12pt;
    font-family       : arial,verdana,sans-serif;
    font-weight       : bold;
}

td.fonttitle
{
    color             : white;
    font-size         : 16pt;
    font-family       : arial,verdana,sans-serif;
    font-weight       : bold;
    background-color  : #C0C0C0;
}

td.fontusername
{
    color             : black;
    font-size         : 8pt;
    font-family       : arial,verdana,sans-serif;
    font-weight       : normal;
}


.fontzz
{
    color          : yellow;
    font-size      : 8pt;
    font-family    : arial,verdana,sans-serif;
    font-weight    : normal;
}

a.fontzz   
{
    color           : navy;
    font-size       : 8pt;
    font-family     : arial,verdana,sans-serif;
    font-weight     : normal;
    text-decoration : none;
}


a.fontzz:hover        {text-decoration : underline; }
a.fontzz:active       {text-decoration : underline;	}


.leftbar
{ 
    background-color  : white;
    border            : 1px;
}

table.datasection 
{
              width  : 100%;
            padding  : 0px;
       border-style  : solid; 
       border-color  : navy; 
       border-width  : 2px 2px 2px 2px;  
     vertical-align  : top;
    border-collapse  : collapse;
   background-color  : #FFFFFF;
}


table.data 
{
    background-color  : #FFFFFF;
    margin            : 20px;
    border-style      : solid; 
    border-color      : navy; 
    border-width      : 2px 2px 2px 2px;  
    vertical-align    : top;
    border-collapse   : collapse;
}


table.summary
{
    width             : 300px;
}


table.summary th
{
    text-align        : left;
    padding           : 0 10px;
    font-weight       : normal;
    width             : 200px;
}


table.summary td
{
    text-align        : right;
    padding           : 0 10px;
    border-style      : solid; 
    border-color      : #dddddd; 
    border-width      : 0 0 0 1px;  
    width             : 100px;
}

table.grid th
{
    text-align        : left;
    padding           : 0 10px;
    font-weight       : normal;
}


table.grid td
{
    text-align        : left;
    padding           : 0 10px;
    border-style      : solid; 
    border-color      : #dddddd; 
    border-width      : 0 0 0 1px;  
    white-space       : nowrap;
}


table.tiny 
{
    border-collapse   : collapse;
}


table.tiny th
{
    font-size         : 8px;   
    text-align        : right;
    padding           : 0 3px;
}

table.tiny td
{
    font-size         : 8px;
    text-align        : left;
    border-width      : 0 1px;
    border-color      : #555555;
    border-style      : dotted;
    padding           : 0 3px;
}






.xbutton
{
    font-family       : Arial, Helvetica, sans-serif; 
    font-size         : 12px; 
    color             : navy; 
    background-color  : #FFFFb8; 
    border            : navy; 
    border-style      : solid; 
    border-top-width  : 1px; 
    border-right-width  : 1px; 
    border-bottom-width : 1px; 
    border-left-width   : 1px; 
}

.x2button
{ 
    background-color  : navy;
    color             : #FFFFb8; 
    font-weight       : bold;
    background-image  : url(/v2/themes/xplook2/images/buttongradient2.gif);
}

.button
{ 
    font-weight         : bold;
    color               : navy;
    background-color    : #FFFFb8; 
    background-image    : url(/v2/themes/xplook2/images/buttongradient2.gif);
    border-color        : gray; 
    border-style        : solid; 
    border-top-width    : 1px; 
    border-right-width  : 2px; 
    border-bottom-width : 2px; 
    border-left-width   : 1px; 
}


button.button:focus
{ 
    background-color  : white; 
}


#main_content_wrapper
{
    background-color  : #c0c0c0;

}



.sidebar .box_mid a
{
    color             : navy;
    font-family       : verdana, arial,sans-serif;
    font-size         : 10pt;
}

.sidebar .box_mid a:hover
{
    background-color  : #DDDDDD;
    text-decoration   : underline;
}

.sidebar .box_mid a:active
{
    text-decoration   : none;
}

.sidebar .box_mid ul
{
    list-style-position : outside;
    list-style-type   : disc;
    padding-left      : 0;
    margin-left       : 20px;  
    margin-top        : 0px;
    margin-bottom     : 0px;
}

.sidebar .box_mid li
{
    color             : navy;
    margin-left       : 0;
    padding           : 0;
    text-indent       : 1px;
}


             					  
#box li               { padding      : 5px; }             				


#icon_bar
{
    width             : auto;
    background-image  : url(/v2/themes/xplook2/images/buttongradient2.gif);
    background-repeat : repeat-x;
    background-color  : #BFD3EE;
}

#icon_bar ul
{
    list-style        : none;
    padding           : 0.1em 0;
    margin            : 0;
    width             : 710px;
    background-image  : url(/v2/themes/xplook2/images/buttongradient2.gif);
    background-repeat : repeat-x;
    background-color  : #BFD3EE;
    white-space       : nowrap;
}

#icon_bar ul li
{
    display           : inline;
    white-space       : nowrap;
    float             : left; 
    background-image  : url(/v2/themes/xplook2/images/buttongradient2.gif);
    background-repeat : repeat-x;
    background-color  : #BFD3EE;

} 

#icon_bar ul li a
{
    color             : navy;
    font-size         : 8pt;
    font-family       : arial,verdana,sans-serif;
    font-weight       : normal;
    text-align        : center;
    text-decoration   : none;
    display           : block;
    width             : 100px;
    border-color      : #88A9DA; 
    border-style      : solid; 
    border-width      : 0 1px 0 1px; 
    margin            : 0;
    white-space       : nowrap;
}

#icon_bar ul li a:hover
{
    text-decoration    : none;
    background-color   : #88A9DA;
}





#coord_menu
{
    width            : 100%;
    background-color : #FFD700;
    margin           : 0;
    padding          : 0;
/*    display          : inline;*/
    white-space      : nowrap;
}

#coord_menu div.left
{
    font-weight     : bold;
    text-align      : left;
    float           : left;
    background-color : #FFD700;
    width           : 100px;
}

#coord_menu div.middle  
{
    text-align      : center;
    background-color : #FFD700;
    width           : auto;
    padding         : 0 0 30px 0;

}

#coord_menu div.right
{
    text-align      : right;
    float           : right;
    background-color : #FFD700;
    width           : 300px;
}


#coord_menu ul
{
    padding         : 0.2em 0;
    margin          : 0;
    width           : 100%;
    list-style-type : none;
    color           : #000;
    background-color : #FFD700;
    white-space     : nowrap;
}

#coord_menu ul li
{
    display         : inline;
}

#coord_menu ul li a
{
    
    text-decoration   : none;
    font-family       : Arial, Helvetica, sans-serif; 
    font-size         : 10px; 
    font-weight       : normal;
    color             : #000; 
    background-color  : #FFD700; 
    border            :  #E1B500 #C69E00 #C69E00 #E1B500; 
    border-style      : solid; 
    border-width      : 1px 2px 2px 1px;
    width             : 50px;
    margin            : 3px 1px;
    padding           : 3px;
}

#coord_menu ul li a:hover
{
    text-decoration   : underline;
    background-color  : white;
}












/*  header and footer */

a.head1
{
    color             : black;
    font-size         : 8pt;
}

a.head2
{
    color             : white;
    font-size         : 8pt;
}

td.head1
{
    background-color  : white;
    color             : #4682B4;
    font-size         : 14pt;
}

td.head2
{
    background-color  : #dddddd;
    color             : black;
    font-size         : 18pt;
}

td.head3
{
    background-color  : #dddddd;
    color             : black;
    font-size         : 8pt;
}

.headusername
{
    background-color  : white;
    color             : #B22222;
    font-weight       : bold;
    font-size         : 10pt;
}


#cardshop td
{
    vertical-align    : bottom;
}


#cardshop img.card
{
    height            : 110px;
    width             : auto;
}

#cardshop img.bigcard
{
    border-color      : #DDDDDD; 
    border-style      : solid; 
    border-width      : 1px; 
    margin            : 0 20px 0 0;
}


#cardshop #form th
{
    font-family       : arial,verdana,sans-serif;
    font-size         : 9pt;
    font-weight       : bold;
    color             : navy; 
    background-color  : #FFFFFF;           
    text-align        : right;
    vertical-align    : text-top;
    text-transform    : uppercase;
}

#cardshop #form  td
{
    font-family       : arial,verdana,sans-serif;
    font-size         : 9pt;
    background-color  : #FFFFFF;
    text-align        : left;
    vertical-align    : top;
    border-style      : solid;
    border-color      : #F7F7FF;
    border-width      : 0 0 1px 0;
}

#cardshop  th
{
    font-family       : arial,verdana,sans-serif;
    font-size         : 9pt;
    font-weight       : bold;
    color             : navy; 
    background-color  : #FFFFFF;           
    text-align        : left;
    vertical-align    : text-top;
}

#cardshop  td
{
    font-family       : arial,verdana,sans-serif;
    font-size         : 9pt;
    background-color  : #FFFFFF;
    text-align        : left;
    vertical-align    : top;
    padding           : 0 0 0 10px;
    border-style      : solid;
    border-color      : #F7F7FF;
    border-width      : 0 0 1px 0;
}


#cardshop  table.card_words td
{
    text-align        : center;
}

#cardshop  table.card_words th
{
    font-family       : arial,verdana,sans-serif;
    font-size         : 9pt;
    font-weight       : bold;
    color             : navy; 
    background-color  : #FFFFb8;
    vertical-align    : text-top;
    text-align        : center;
}



#cardshop  #envelope
{
    padding           : 0 3px;
    border-color      : #AAAAAA;
    border-style      : solid;
    border-width      : 1px;
    width             : 510px;
    border            : solid 1px #000000;
}

#cardshop  #envelope span.form_data      
{
    background-color : #FFFFFF;
}



#cardshop  #env_to
{
    padding           : 3px;
    margin-left       : 200px;
    margin-top        : 50px;
    margin-bottom     : 20px;
    clear             : left;
    font-family       : cursive;
    font-size         : 14px;
    width             : 300px;
}

#cardshop  #env_return
{
    padding           : 3px;
    margin-left       : 5px;
    float             : left;
    clear             : left;
    font-family       : cursive;
    font-size         : 12px;
    width             : 300px;
}

#cardshop  #env_stamp
{
    float             : right;
    padding           : 3px;
    width             : 76px;
}

#cardshop  #env_stamp img
{
    width             : 70px;
}



div.breadcrumbs
{
    font-family       : arial,verdana,sans-serif;
    font-size         : 9pt;
    color             : navy; 
    background-color  : #FFFFb8;
    border-style      : solid;
    border-color      : navy;
    border-width      : 0 0 1px 0;
    padding           : 3px 0 2px 5px;

}



.breadcrumbs, .breadcrumbs a
{
    font-family       : arial,verdana,sans-serif;
    font-size         : 9pt;
    color             : navy; 
    background-color  : #FFFFb8;
    text-decoration   : none;
}

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


tr.row00 td
{
    font-family       : arial,verdana,sans-serif;
    background-color  : #E5E5FF;  
    text-align        : left;
    font-size         : 12px;
    font-weight       : bold;
    border-color      : #AAAAAA;
    border-style      : solid;
    border-width      : 1px 0;
}


tr.row1
{
    font-family       : arial,verdana,sans-serif;
    background-color  : white; 
    text-align        : left;
    font-size         : 12px;
}

tr.row0
{
    font-family       : arial,verdana,sans-serif;
    background-color  : #FFFFDD;
    text-align        : left;
    font-size         : 12px;
}

tr.row0 td, tr.row1 td
{
    padding           : 0 3px;
    border-color      : #DDDDDD;
    border-style      : solid;
    border-width      : 0 1px;
}


/*   FORM STYLING  */


fieldset
{ 
    background-color  : #efefef;
    position          : relative; 
    margin            : 1em 10px 0 10px; 
    padding           : 1.75em 0; 
} 

fieldset legend 
{
    position          : absolute; 
    top               : -.5em; left: .5em;
    font-family       : arial;
    font-weight       : bold;
    font-size         : 12pt;
    color             : #000000;
    text-transform    : uppercase;
    padding           : 0;
}


fieldset label 
{
    display           : block;
    float             : left;
    text-align        : right;
    width             : 150px;
    font-family       : arial;
    font-weight       : bold;
    color             : navy;
    font-size         : 10pt;
    margin            : 0 10px 0 0;
}


fieldset span.moreinfo
{
    display           : block;
    float             : left;
    text-align        : left;
    font-size         : 9pt;
    color             : #555555;
    font-family       : arial;
}


fieldset .datablock
{
    display           : block;
    float             : left;
    text-align        : left;
    font-size         : 10pt;
    color             : #000000;
    font-family       : arial;
}